onClick和onDblClick并存的两种解决方法

一、

var v_Result;
function OneClick(event) {console.log("detail",event.detail);//if (event.detail == 2) //    return ; v_Result = false;window.setTimeout(check, 300);function check() {if (v_Result != false) return;console.log("单击");}
}
function TwoClick() {v_Result = true;console.log("双击");
}

<input type="button" οnclick="OneClick(event)" οndblclick="TwoClick()" value="点我">

二、

var clickTimer = null;
function _click() {if (clickTimer) {console.log("clearTimeout", clickTimer);window.clearTimeout(clickTimer);clickTimer = null;}clickTimer = window.setTimeout(function() {// your click process code hereconsole.log("你单击了我");},300);console.log("setTimeout", clickTimer);
}function _dblclick() {console.log("dblclick");if (clickTimer) {console.log("=clearTimeout", clickTimer);window.clearTimeout(clickTimer);clickTimer = null;}// your click process code hereconsole.log("你双击了我");
}

<button οnclick="_click();" οndblclick="_dblclick();">单击或双击我</button>

另外，根据event.detail可以获知是单击还是双击，单击detail值是1，双击值是2。但是双击时，OneClick(event)会被调用两次，第一次detail值是1，第二次值是2

参考：1、http://my.oschina.net/jsan/blog/123181

2、http://smartwang.blog.51cto.com/3270660/1415400

onClick和onDblClick并存的两种解决方法相关推荐

mysql workbench kernelbase.dll_电脑出现kernelbase.dll错误的两种解决方法
KernelBase.dll是Windows操作系统的重要文件,它为各种应用程序提供服务.如果电脑提示kernelbase.dll错误,这该怎么处理?大家可以用电脑自带的防火墙或者是第三方软件来进行故 ...
Json返回时间中出现乱码问题的两种解决方法
Json返回时间中出现乱码问题的两种解决方法参考文章: (1)Json返回时间中出现乱码问题的两种解决方法 (2)https://www.cnblogs.com/hanyinglong/archiv ...
css之文本两端对齐的两种解决方法
css之文本两端对齐的两种解决方法参考文章: (1)css之文本两端对齐的两种解决方法 (2)https://www.cnblogs.com/wl0804/p/11265225.html 备忘一下.
Ajax跨域问题的两种解决方法
Ajax跨域问题的两种解决方法参考文章: (1)Ajax跨域问题的两种解决方法 (2)https://www.cnblogs.com/pandang/p/5341250.html 备忘一下.
Qt信号与槽传递自定义数据类型——两种解决方法
Qt信号与槽传递自定义数据类型--两种解决方法参考文章: (1)Qt信号与槽传递自定义数据类型--两种解决方法 (2)https://www.cnblogs.com/tid-think/p/9300 ...
but was actually of type 'com.sun.proxy.$Proxy**'的两种解决方法
错误描述:Caused by: org.springframework.beans.factory.BeanNotOfRequiredTypeException: Bean named '****' ...
html文件打开系统错误,win7打开word提示“无法打开文件Normal因为内容有错误”的两种解决方法...
win7系统打开Word的时候,弹出提示"无法打开文件Normal.dotm,因为内容有错误",为什么会出现错误提示呢?小编就按照错误提示寻找文件,最后发现是Word自动生成的模板 ...
c语言键盘按f1显示f1,windows10键盘f1变成功能键的两种解决方法
现在越来越多朋友都升级系统到win10正式版,因此他们反馈的win10系统相关问题也增多了.比如,有位用户表示电脑升级到win10后,F1~F12都没办法使用了,变成了功能键,都不用按下FN了,按了F ...
php无限极 left right,php无限极分类实现的两种解决方法
本篇文章介绍了,在php中无限极分类实现的两种解决方法.需要的朋友参考下 method of classify one<?php /* reader: 这是自己写的无限极分类实现方法里面的编辑 ...

onClick和onDblClick并存的两种解决方法

onClick和onDblClick并存的两种解决方法相关推荐

最新文章

热门文章