jQuery中同時加入click與dblclick事件的實例介紹

新增事件的程式碼比較簡單，有兩種方法：

• $("abc").bind({" click":fn,"dblclick":fn});

• $("abc").click(fn).dblclick(fn)

目前的問題是無論雙擊或點擊都只執行點擊的function，為什麼呢？
下面我們說一下雙擊的機制：

雙擊(dblclick)的流程是：mousedown，mouseout，click，mousedown，mouseout，click，dblclick;

要實現雙擊我們必須屏蔽這兩次click，因此我們在click裡面設定一個計時器，延遲執行function。
完整程式碼如下：

//绑定点击和双击事件
                    var _time = null;
                    $(this).find("tr").dblclick(function(e){
                        clearTimeout(_time);
                        console.log("dblclick");
                        //真正双击代码

                    }).click(function(e){
                        clearTimeout(_time);
                        _time = setTimeout(function(){
                            console.log("click");
                            //单击事件在这里

                        }, 300);
                    });

以上是jQuery中同時加入click與dblclick事件的實例介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！