ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryイベントdblclickの定義と使い方を詳しく解説

jQueryイベントdblclickの定義と使い方を詳しく解説

黄舟
黄舟オリジナル
2017-06-27 10:31:361700ブラウズ

概要

一致する要素ごとに 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。