onClickイベントとonDblClickイベントの共存の詳細説明

今回はonClickイベントとonDblClickイベントの共存について詳しく解説していきます。onClickイベントとonDblClickイベントを共存させる際の注意点について、実際の事例を見てみましょう。

この記事の例では、同じ DOM 要素上で onClick イベントと onDblClick イベントを共存させるための JS ソリューションについて説明します。参考までに皆さんと共有してください。詳細は次のとおりです。

最近のプロジェクトで、同じ DOM 要素に onclick と ondblclick を追加する必要があることがわかりました。通常の方法で処理を追加すると、次のことがわかります。 onclick のみが実行されますが、実行されません。このとき、2 つのイベントの共存を実現するために、2 つのイベントの処理関数を少し処理する必要があります。アイデアは、タイマーを使用して onclick イベントの実行を遅らせ、ダブルクリック プロセス中に途中でトリガーされた Click イベントがキャンセルされるようにすることです。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。 推奨読書:

プロジェクトでJSイベント委任を使用する方法

ゼロからのWeChatアプレットログイン認証の操作

以上がonClickイベントとonDblClickイベントの共存の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。