この記事の例では、シングルクリックとダブルクリックの共存を実現するJavaScriptの方法を説明しています。皆さんの参考に共有してください。具体的な分析は次のとおりです。
Web 開発の過程では、リンクのダブルクリック イベントを登録したり、ボタンや他の要素のクリックまたはダブルクリック イベントを同時に登録したりするときに、このような問題に遭遇することがよくあります。 、Web ページのイベントのダブルクリック イベントは、一度クリックするとハイパーリンクまたはクリック イベントによってインターセプトされるため、機能しないことがわかりました。この記事では、この技術的な問題を解決する具体的な方法について説明します。このソリューションの実装原理は、シングルクリック イベントとダブルクリック イベントの両方が同じメソッドを呼び出すことです。2 回のマウス クリック間の時間に基づいて、それがシングルクリック イベントであるかダブルクリック イベントであるかを判断します。クリック イベントが来たら、最初に呼び出さず、しばらく待ちます。この時間が経過した後、次のクリックが来ない場合は、クリックに対応する操作の呼び出しを開始します。次のクリックがある場合は、ダブルクリックを呼び出します。
詳細な説明については、以下のコード リストに参加してください: