ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryイベントdblclickとclickの間の競合に対する解決策を共有します。

jqueryイベントdblclickとclickの間の競合に対する解決策を共有します。

黄舟
リリース: 2017-06-27 10:42:00
オリジナル
2066 人が閲覧しました

jqueryではclickとdblclickはどちらもクリックイベントですが、dblclickイベントではclickイベントが繰り返されるため、同時に行うと競合が発生します。 以下の分析を見てみましょう。 ダブルクリック イベント (dblclick) では、トリガーされた 2 つのクリック イベント (click) のうち、最初のクリック イベント (click) はブロックされますが、2 番目のクリック イベント (click) はブロックされません。

<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").slideToggle();
  });
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>切换</button>
</body>
ログイン後にコピー

つまり、ダブルクリック イベント (dblclick) は、クリック イベント (click) の結果とダブルクリック イベント (dblclick) の結果を返します。ダブルクリック イベントの結果 (dblclick) と 2 つのクリック イベントの結果 (click) の代わりに。

dblclick() 要素がダブルクリックされると、dblclick イベントが発生します。クリックは、マウス ポインタが要素上にあり、マウスの左ボタンが押されて放されると発生します。短期間に 2 回のクリックが発生した場合、それはダブルクリック イベントです。

<script type="text/javascript">
$(document).ready(function(){
  $("button").dblclick(function(){
    $("p").slideToggle();
  });
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>请双击此处</button>
</body>
ログイン後にコピー

この場合、余分なクリックイベント(クリック)を削除するだけで問題は解決します。

りー

以上がjqueryイベントdblclickとclickの間の競合に対する解決策を共有します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート