jqueryイベントdblclickとclickの間の競合に対する解決策を共有します。-jsチュートリアル-php.cn

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

黄舟

リリース： 2017-06-27 10:42:00

オリジナル

2001 人が閲覧しました

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 サイトの他の関連記事を参照してください。