在同一DOM元素上需要添加 onclick 和 ondblclick 2个事件,如果按照正常的方式添加处理,结果发现只会执行 onclick,而不会执行 ondblclick;这时我们需要对2个事件的处理函数稍作处理就可以实现2个事件并存了,
处理思想就是:利用定时器延迟执行onclick事件,这样在双击过程中会取消中途触发的单击事件。
代码如下
<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("onclick");
}, 300);
}
function _dbonclick(){
if(clickTimer) {
window.clearTimeout(clickTimer);
clickTimer = null;
}
// your click process code here
alert("dbonclick");
}
</script>
<button onclick="_click();" dbonclick="_dbonclick();">单击或双击</button>
分享到:
相关推荐
选取DOM元素的方法(教辅)选取DOM元素的方法(教辅)选取DOM元素的方法(教辅)选取DOM元素的方法(教辅)选取DOM元素的方法(教辅)选取DOM元素的方法(教辅)选取DOM元素的方法(教辅)选取DOM元素的方法(教辅)...
.遍历DOM元素
最近项目中遇到了在同一DOM元素上需要添加 onclick 和 ondblclick 2个事件,如果按照正常的方式添加处理,结果发现只会执行 onclick,而不会执行 ondblclick;这时我们需要对2个事件的处理函数稍作处理就可以实现2个...
比较全的JS DOM编程技术,都有例子,适合对DOM想深入学习的朋友
做了这么久web开发,凡是涉及用js操作dom元素位置、测量dom元素大小时就心虚,因为js整整提供了二十几个属性对dom元素的位置、大小进行操作。比如:clientTop、offsetTop、scrollTop、clientWidth、offsetWidth、...
1.Dom元素的获取 ... document.querySelector():获取指定 CSS 选择器的一个元素 document.querySelectorAll():获取指定 CSS 选择器的多个元素(伪数组) ES6选择器与其他选中器的区别: document.
ramjet是一款可以实现DOM元素平滑过渡变形动画特效的js插件。该js插件可以从一个HTML DOM元素变形为另一种状态的DOM元素,在DOM元素变形的过程中会使用补间动画实现平滑过渡的动画效果。
iframe的DOM操作 iframe的DOM操作 iframe的DOM操作 iframe的DOM操作
主要介绍了JavaScript DOM元素常见操作,包括针对dom元素的添加、删除、修改等相关操作实现技巧与注意事项,需要的朋友可以参考下
html DOM 什么是DOM:Document object Model DOM Tree
JQuery DoM和ajax 操作大全源码
通过网页中Dom元素的ID或者某一个属性,对这个DOM元素中的显示内容进行截屏,其中解决了canvas不能跨域的问题
unigrid添加html5 dom元素.rar
本文实例讲述了JS选取DOM元素常见操作方法。分享给大家供大家参考,具体如下: JS选取DOM元素的方法 注意:原生JS选取DOM元素比使用jQuery类库选取要快很多 1、通过ID选取元素 document.getElementById('myid'); 2...
JS操作DOM元素属性和方法.pdf
dom操作帮助
observe-rect:观察一个DOM元素的矩形Rect
千锋Web前端教程_69_dom_元素节点操作方法
Dom提供style的方法; 操作外部样式表中的样式; 最终样式表;
DOM元素都有一些标准事件,一般使用时只要使用onclick=function的方式就可以了,但是当需要为DOM元素添加多个事件,删除事件,或在用Javascript封装控件的时候,为封装的控件添加自定义事件的时候,onclick=function...