js單雙擊事件

思路:利用jquery的bdclick事件(雙擊事件)。jquery

難點:給同一個元素綁定單擊事件和雙擊事件會發生衝突,出現錯誤。spa

解決:利用js定時器 setTimeout(),方法解決。code

  首先給元素綁定一單擊事件,單擊事件方法內加入定時器,規定單擊300ms後觸發。對象

  而後綁定雙擊事件,執行clearTimeout()方法,令定時器失效,接着執行對應的雙擊操做。blog

   執行結果爲,300毫秒內點擊兩次對象觸發雙擊事件,不然觸發單擊事件。事件

  具體代碼以下。io

function bindClick(){
        var timeallUserName = null;
        $("div[name='divTest']").bind("click",function(){                
               clearTimeout(timeallUserName);                
               timeallUserName = setTimeout(function(){                    
                    alert("單擊!!");                  
               }, 300);
         }).bind("dblclick",function(){                
               clearTimeout(timeallUserName);                
              alert("雙擊!!!");
         })
    }
相關文章
相關標籤/搜索