使用时间器区别网页上的单击和双击
Posted lichenx
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用时间器区别网页上的单击和双击相关的知识,希望对你有一定的参考价值。
在网页上,单击事件包含一次 onmousedown,onmouseup,onclick的过程。同理,双击事件包含了onmousedown,onmouseup,onclick,onmousedown,onmouseup,onclick,ondblclick的过程。所以在网页上进行ondblclick触发时同时也会触发onclick,因此、当我们在同一个element同时注册了这2个事件时,我们需要将他们区别开来。以下使用延时处理来进行区别。
<script type="text/javascript">
//当我们单击时,希望只执行clickAlert
//当我们双击时,希望只执行dblclickAlert
var timer;
$(".test").on("click",function(){
clearTimeout(timer);
timer = setTimeout("clickAlert()",300); //单击的处理会延迟0.3秒触发
}).on("dblclick",function(){
clearTimeout(timer);
dblclickAlert();
});
//单击要做的事情
function clickAlert(){
alert("此时为单击");
}
//双击要做的事情
function dblclickAlert(){
alert("此时为双击");
}
</script>
以上是关于使用时间器区别网页上的单击和双击的主要内容,如果未能解决你的问题,请参考以下文章