ホームページ > 記事 > ウェブフロントエンド > jQueryイベントdblclickの定義と使い方を詳しく解説
jQueryイベントdblclickの定義と使い方を詳しく解説
- 黄舟オリジナル
- 2017-06-27 10:31:361636ブラウズ
概要
一致する要素ごとに dblclick イベントをトリガーします。
この関数は、ブラウザのデフォルトの動作を含む、dblclick イベントにバインドされているすべての関数を呼び出して実行します。バインドされた関数で false を返すことにより、ブラウザのデフォルト動作がトリガーされるのを防ぐことができます。 dblclick イベントは、要素が同じポイントでダブルクリックされるとトリガーされます。
Parameters
fnFunctionV1.0
一致する各要素の dblclick イベントにバインドされたハンドラー関数。
[data],fnString,FunctionV1.4.3
data:dblclick([Data], fn) は、関数 fn が処理するデータを渡すことができます。
fn: 一致する各要素の dblclick イベントにバインドされたハンドラー関数。
例
説明:
「Hello World!」をページ上の各段落のダブルクリックイベントに結び付けるアラートボックス
jQueryコード:
$("p").dblclick( function () { alert("Hello World!"); });インスタンス
ボタンが押されたときに表示または非表示にする要素:
$("button").dblclick(function(){
$("p").slideToggle();
});<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").dblclick(function(){
$("p").slideToggle();
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>请双击此处</button>
</body>
</html>定義と使用法
要素がダブルクリックされると、dblclick イベントが発生します。クリックは、マウス ポインタが要素上にあり、マウスの左ボタンが押されて放されると発生します。短期間に 2 回のクリックが発生した場合、それはダブルクリック イベントです。 dblclick() メソッドは、dblclick イベントをトリガーするか、dblclick イベントの発生時に実行する関数を指定します。ヒント: dblclick イベントと click イベントが同じ要素に適用される場合、問題が発生する可能性があります。
以上がjQueryイベントdblclickの定義と使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。