同一个dom元素上操作onclick和dbonclick
在同一DOM元素上需要添加onclick和ondblclick2个事件,如果按照正常的方式添加处理,结果发现只会执行onclick,而不会执行ondblclick;这时我们需要对2个事件的处理函数稍作处理就可以实现2个事件并存了,
处理思想就是:利用定时器延迟执行onclick事件,这样在双击过程中会取消中途触发的单击事件。
代码如下
<scripttype="text/javascript">
varclickTimer=null;
function_click(){
if(clickTimer){
window.clearTimeout(clickTimer);
clickTimer=null;
}
clickTimer=window.setTimeout(function(){
//yourclickprocesscodehere
alert("onclick");
},300);
}
function_dbonclick(){
if(clickTimer){
window.clearTimeout(clickTimer);
clickTimer=null;
}
//yourclickprocesscodehere
alert("dbonclick");
}
</script>
<buttononclick="_click();"dbonclick="_dbonclick();">单击或双击</button>
相关推荐
zhanghao 2020-03-23
ThinkingLink 2020-01-12
89463661 2019-12-27
maoye 2014-05-29
qianwenjie 2015-10-28
moxiaoxi 2016-01-08
asdjkl 2016-12-22
花花的技术 2017-06-02
aeoliancrazy 2018-11-13
t0ckh 2013-06-04
何双江yarshray 2017-06-02
小源丶同学 2016-12-22
愚盦 2016-10-30
Jiutocrx 2016-10-06
王甲评 2016-02-17
hyv 2015-10-28
owhile 2015-10-12