クリックおよびダブルクリックの競合処理サンプル コード events_jquery

まずコードを入力します:

コードをコピーします コードは次のとおりです:

;script type=" text/javascript" language="javascript">
$(function () {
$("div").bind("click.a", function () { //クリックイベント
$("body").append("

クリックイベント

");
})
$("div").bind("dblclick.a", function () { //ダブルクリックイベント
$("body").append("

dblclick イベント

")
})
$("div"); .bind("mouseover.a", function () { //要素にマウスオーバーするevent
$("body").append("

mouseoverevent

");
})
$("div").bind("mouseout.a", function () { //要素からマウスが移動するイベント
$("body").append("

mouseout イベント< ;/p> ;");
})
})

jQuery 名前空間< / div>

ダブルクリックすると、最初に 2 つのクリック イベントがトリガーされます。また、ダブルクリック時に

クリック イベントをトリガーせず、ダブルクリック イベントのみをトリガーしたい場合は、どのように解決すればよいですか?ダブルクリック時のクリックイベントのバインドも解除してみました

この方法ではクリックイベントを再度使用できなくなります。 。 。



その後、フォーラムで他の人に質問し、最終的に答えを得ました。つまり、setTimeout() メソッドを使用してクリック イベントの時間間隔を設定します。このように、ダブルクリックの場合は、ダブルクリックの時間間隔が短くなるため、この時間間隔は通常 300 ミリ秒に設定されます。 300ms を超えると、クリック イベントは生成されません。
dblclick イベントのみが生成されます。ダブルクリックイベントでは、clearTimeout()関数を使用してクリックイベントの処理をクリアする必要があります。コードは次のとおりです:

コードをコピー コードは次のとおりです:

• Bootstrap リスト グループ コンポーネントの詳細な分析
• JavaScript関数のカリー化の詳細説明
• JS パスワードの生成と強度検出の完全な例 (デモ ソース コードのダウンロード付き)
• Angularjs は WeChat UI (weui) を統合します
• JavaScript を使用して繁体字中国語と簡体字中国語をすばやく切り替える方法と、簡体字中国語と繁体字中国語の切り替えをサポートする Web サイトのトリック_javascript スキル