标签：target 必须 描述 border 为什么 流程 log color dash
最近在做H5视频播放器，有这样的需求：点击视频播放界面可以：暂停/播放，双击视频可以：全屏/退出全屏，但是同时绑定click和Dblclick会有冲突，双击的时候每次都会执行两次click，一次Dblclick这明显不符合要求，于是在网上查找解决办法。
添加事件的代码比较简单，有两种方法：
目前的问题是无论双击或者单击都只执行单击的function，为什么呢？
下面我们说一下双击的机制：
双击(dblclick)的流程是：mousedown，mouseout，click，mousedown，mouseout，click，dblclick；
要想实现双击我们必须屏蔽这两次click，因此我们在click里面设置一个定时器，延迟执行function。
1 var _time = null; 2 $(this).find("tr").dblclick(function(e){ 3 clearTimeout(_time); 4 console.log("dblclick"); 5 //真正双击代码 6 7 }).click(function(e){ 8 clearTimeout(_time); 9 _time = setTimeout(function(){ 10 console.log("click"); 11 //单击事件在这里 12 13 }, 300); 14 });
【转】jQuery - 同时添加click和dblclick事件
标签：target 必须 描述 border 为什么 流程 log color dash
原文地址：http://www.cnblogs.com/mao2080/p/7518839.html
