思路:利用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("雙擊!!!"); }) }