jqueryのマウス操作機能とは何ですか？

マウス操作関数は次のとおりです: 1. click()、クリック イベントを操作します。 2. dblclick()、ダブルクリック イベントを操作します。 3. hover()、マウス エントリと操作を操作します。削除イベント; 4. Mousedown() 、マウスボタンを押すイベントを操作します; 5. Mouseup(); 6. toggle() など。

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

マウス操作が必要となるのは、DOM イベントで最もよく使用されるマウス イベントです。jQuery は、マウス イベントをカプセル化して拡張します。

マウス イベントの種類

マウス イベントには、click、contextmenu、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter、mouseleave の 10 種類があります。

click         当用户按下并释放鼠标按键或其他方式“激活”元素时触发
contextmenu   可以取消的事件，当上下文菜单即将出现时触发。当前浏览器在鼠标右击时显示上下文菜单
dblclick      当用户双击鼠标时触发
mousedown     当用户按下鼠标按键时触发
mouseup       当用户释放鼠标按键时触发
mousemove     当用户移动鼠标时触发
mouseover     当鼠标进入元素时触发
mouseout      当鼠标离开元素时触发
mouseenter    类似mouseover，但不冒泡
mouseleave    类似mouseout，但不冒泡

jquery マウス操作関数

上記 10 種類のマウスイベントには、対応する jquery マウス操作関数があります。

#click()

クリック クリック イベントを追加/トリガーし、ハンドラー関数をバインドします

contextmenu()

イベント ハンドラーを contextmenu イベントに追加し、ハンドラー関数をバインドします。

dblclick()

ダブルクリック イベントを追加/トリガーし、ハンドラー関数をバインドします

hover()

mouseenter イベントと Mouseleave イベントをトリガーします。

hover() メソッドは、マウス ポインターが選択された要素上にあるときに実行される 2 つの関数を指定します。

2 つのイベント関数を一致する要素にバインドします。これらのイベント関数は、マウス ポインターがそれぞれ要素に入ったときと要素から出たときに実行されます。単一のイベント関数を一致する要素にバインドし、マウス ポインターが要素に出入りしたときに実行されるようにします。

#mousedown()

「mousedown」イベントを追加/トリガーし、ハンドラー関数をバインドします

mouseenter()

マウス入力 (マウス入力) イベントを追加/トリガーし、ハンドラー関数をバインドします。

mouseleave()

マウス離脱 (マウス離脱) を追加/トリガーします。イベント、ハンドラー関数をバインドします

mousemove()

「mousemove」イベントを追加/トリガーします、ハンドラー関数をバインドします

Mouseout ()

「mouseout」イベントを追加/トリガーし、ハンドラー関数をバインドします

mouseover()

「マウスオーバー」を追加/トリガーします" イベント、ハンドラーをバインドします (注: イベント バブリングがサポートされています)

mouseup()

「mouseup」イベントを追加/トリガーし、ハンドラーをバインドします関数

| 非推奨 > バージョン 1.8 で非推奨の API | 削除された関数

toggle()

「toggle」イベントの追加/トリガー、バインド ハンドラー関数

2 つ以上のハンドラーを一致する要素にバインドし、交互のクリックを実行するために使用されます。

[推奨学習:

jQuery ビデオ チュートリアル

、Web フロントエンド開発 ]

以上がjqueryのマウス操作機能とは何ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。