首頁 > web前端 > js教程 > javascript實作點選和雙擊並存的方法_javascript技巧

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

WBOY
發布: 2016-05-16 16:27:27
原創
1487 人瀏覽過

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

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

複製程式碼 程式碼如下:

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

  ;
 
 
  腳本>


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


       
     
         
             
                 
                    事件模式:
             
             
                 
                     
                 
             
          表>
      表格>
  身體>

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板