javascript_javascriptスキルでシングルクリックとダブルクリックの共存を実現する方法

この記事の例では、シングルクリックとダブルクリックの共存を実現するJavaScriptの方法を説明しています。皆さんの参考に共有してください。具体的な分析は次のとおりです。

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

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

 
  javascript 实现单击和双击并存
 
 
  <メタ名=" キーワード" コンテンツ=" " >
  <メタ名=" 説明" コンテンツ=" " >
 

  <スクリプト言語 = JavaScript" >
 
 

                            onclick="handleWisely(event.type)"
                ondblclick="handleWisely(event.type)"
                style=" カラー: ブルー; フォントファミリー: arial; カーソル: 手" >
          点击一下看看結果：
     
     

       
     
         
             
                 
                    イベントモード:
                 
             
             
                 
                      <入力タイプ = "リセット" >
                 
             
         
     
 

ここで説明されている大家向けの JavaScript プログラムの設計が役立つことを望みます。