onClick 事件 和 onDblClick 事件并存的解决方法
来源:互联网 发布:美年大健康 知乎 编辑:程序博客网 时间:2024/04/30 07:09
最近项目中遇到了在同一DOM元素上需要添加 onclick 和 ondblclick 2个事件,如果按照正常的方式添加处理,结果发现只会执行 onclick,而不会执行 ondblclick;这时我们需要对2个事件的处理函数稍作处理就可以实现2个事件并存了,代码如下:<script type="text/javascript"> var clickTimer = null; function _click(){ if(clickTimer) { window.clearTimeout(clickTimer); clickTimer = null; } clickTimer = window.setTimeout(function(){ // your click process code here alert("你单击了我"); }, 300); } function _dblclick(){ if(clickTimer) { window.clearTimeout(clickTimer); clickTimer = null; } // your click process code here alert("你双击了我"); }</script><button onclick="_click();" ondblclick="_dblclick();">单击或双击我</button>
处理思想就是:利用定时器延迟执行onclick事件,这样在双击过程中会取消中途触发的单击事件。
转自http://my.oschina.net/jsan/blog/123181
0 0
- onClick 事件 和 onDblClick 事件并存的解决方法
- onClick和onDblClick并存的两种解决方法
- View的OnTouch和OnClick事件不能并存问题
- js(javascript) onclick与ondblclick 单击与双击事件
- onDblClick 双击 事件
- 由onclick 和ondblclick谈谈用户体验的问题
- onblu和onclick事件
- android view 的onTouch 和 onClick 事件
- onclick 事件 和click()的区别
- js的onclick事件
- button的onclick事件
- textbox的OnTextChanged事件和button的OnClick事件
- 控件的Ontouch事件和onClick事件冲突
- select的onchange事件和onclick事件区别
- IE6 超链接的onclick事件无效的解决方法
- setAttribute()的使用方法与ie不兼容onclick事件解决方法
- setAttribute()的使用方法与ie不兼容onclick事件解决方法
- javascript 鼠标单击和双击事件并存的实现方法
- Android笔记之:App自动化之使用Ant编译项目多渠道打包的使用详解
- Flex tree labelFunction的应用
- anroidj经典面试题
- 利用nise部署单机版cloudfoundry的时候出现ruby错误
- Makefile (三)之 命令书写
- onClick 事件 和 onDblClick 事件并存的解决方法
- Linux中查看系统资源占用情况的命令
- HttpClient详解
- Android如何调用第三方SO库
- Andriod开发-Adt Bundle无法创建新的Activity的问题解决
- .NET线程基础(机理)
- Makefile (四)之 变量
- 什么情况
- Android 程序退出的办法