ホームページ > 記事 > ウェブフロントエンド > jqueryイベントdblclickとclickの間の競合に対する解決策を共有します。
jqueryイベントdblclickとclickの間の競合に対する解決策を共有します。
- 黄舟オリジナル
- 2017-06-27 10:42:001968ブラウズ
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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。