如果用
<div ondblclick="f2()" onclick="f1()"></div>
那么双击,会先执行两次f1()后,再执行f2();
而我们双击肯定是只想执行f2();所有我们得想别的方法。
其实多击好像并没有什么用处。。。
思路是这样的:只监听单击事件。count=0,每次点击时count都会+1,并且开始计时。在计时结束后,count是几就是几击(并把count归0)。由于每次点击都会重新设置计时器,所以在等待时间内如果出现了另外一次点击就会重新等待。这样不管是单击还是100击,点击操作结束后等待的时间都是相同的。
<html>
<head><title>JS鼠标多击</title><meta charset="utf-8"><script type="text/javascript">var count = 0;var clickTimer = null;function myclick(){count = count + 1;clearTimeout(clickTimer);clickTimer = window.setTimeout(function(){/* 在此处用条件语句根据count的值来确定执行的操作*/alert("鼠标"+count+"击");/*********************************/count = 0;clickTimer = null;},400);}</script>
</head>
<body><div onclick="myclick()" style="width:200px;height:200px;background-color:#22ccff;">点这个正方形</div>
</body>
</html>