概要
一致する各要素のマウスダウンイベントにハンドラー関数をバインドします。
マウスが要素をクリックした後に、mousedown イベントがトリガーされます。
パラメータ
fnFunctionV1.0
一致する各要素の Mousedown イベントにバインドされたハンドラー関数。
[data],fnString,FunctionV1.4.3
data:mousedown([Data], fn) は、関数 fn が処理するデータを渡すことができます。
fn: 一致する各要素のマウスダウン イベントにバインドされたハンドラー関数。
例
説明:
マウスボタンが押されたときに要素を非表示または表示します:
jQuery コード:
$("button").mousedown(function(){ $("p").slideToggle(); });
例1
マウスボタンが押されたときに要素を非表示または表示します:
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").mousedown(function(){ $("p").slideToggle(); }); }); </script> </head> <body> <p>这是一个段落。</p> <button>切换</button> </body> </html>
この段落上でマウスを移動すると、ボタンのmousedownイベントがアクティブになります
<span style="font-weight: normal;"><span style="font-weight: normal;"><html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").mousedown(function(){ $("p").slideToggle(); }); $("#mousePara").mouseover(function(){ $("button").mousedown(); }); }); </script> </head> <body> <p> <p>这是一个段落。</p> <p>这是另一个段落。</p> </p> <button>切换</button> <p id="mousePara">如果您把鼠标移动本段落上,会激活上面这个按钮的 mousedown 事件。</p> </body> </html></span><span style="font-weight: 400;"> </span></span>
マウスの場合 ポインタが要素上に移動し、マウスボタンが押されると、mousedown イベントが発生します。
クリック イベントとは異なり、マウスダウン イベントはキーを押すだけで発生し、キーを離す必要はありません。
mousedown() メソッドは、mousedown イベントをトリガーするか、mousedown イベントの発生時に実行する function を指定します。
$(selector).mousedown(function)
パラメータ | 説明 |
---|---|
関数 | オプション。マウスダウンイベントが発生したときに実行する関数を指定します。 |
以上がjQuery: マウスダウンイベントの使用と定義の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。