jQueryイベントdblclickの定義と使い方を詳しく解説-jsチュートリアル-php.cn

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

黄舟

リリース： 2017-06-27 10:31:36

オリジナル

1748 人が閲覧しました

概要

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