javascript實作點選和雙擊並存的方法_javascript技巧

本文實例講述了javascript實作點擊和雙擊並存的方法。分享給大家供大家參考。具體分析如下：

在我們進行網頁開發的過程中經常會遇到這麼一個問題，為一個鏈接註冊雙擊事件，或者讓一個按鈕或者其他元素上面同時註冊單擊或者雙擊事件，這時候我們發現網頁中的雙擊事件似乎永遠不會起作用，原因是當我們點擊一次的時候，就被超連結或點擊事件截獲了，本文描述了一個如何解決這個技術問題的具體方法。本解決方案的實作原理是，點擊事件和雙擊事件都會呼叫同一個方法，我們根據兩次滑鼠點擊的間隔時間來判斷到底是點擊還是雙擊事件。點擊事件來臨的時候先不調用，等一小段時間，過了這段時間，如果沒有下一次單擊來臨就開始調用單擊對應的操作，如果有下一次點擊就調用雙擊。
詳細描述請參加下面程式碼清單：

複製程式碼 程式碼如下:

 
  javascript 實作點選和雙擊並存
 
 
 
 
  頭>

  ;
 
 
  腳本>

                            onclick="handleWisely(event.type)"
                ondblclick="handleWisely(event.type)"
                style=「顏色：藍色；字體系列：arial；遊標：手」>
          點選看看結果：
     
     

       
     
         
             
                 
                    事件模式： 文字區域> <br>                  
             
             
                 
                     
                 
             
          表>
      表格>
  身體>

希望本文對大家介紹的javascript程式設計有幫助。