ホームページ > ウェブフロントエンド > jsチュートリアル > javascript_javascriptスキルでシングルクリックとダブルクリックの共存を実現する方法

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

WBOY
リリース: 2016-05-16 16:27:27
オリジナル
1488 人が閲覧しました

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

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

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

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


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


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

     


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

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート