JS 鼠标单击,双击,三击,多击

news/2024/12/29 2:20:14/

如果用

<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>

http://www.ppmy.cn/news/650701.html

相关文章

鼠标单击、右击、双击、鼠标悬停、鼠标拖动

1.鼠标单击&#xff1a; 鼠标的单击可以直接调用click()方法&#xff1a; driver.find_element_by_id(“submi”).click() 只需要找到需要点击的元素&#xff0c;在进行点击就可以了。 2.鼠标的右击、双击&#xff1a; 在使用鼠标的右击、双击时&#xff0c;就需要用到selen…

鼠标点击时计算机做了什么原因,电脑鼠标双击变单击怎么办 电脑鼠标双击变单击的原因【图文】...

随着网络技术和信息科技的不断进步和发展&#xff0c;电脑已经成为了人们在日常生活、工作以及学习过程中不可或缺的重要工具之一。电脑的组成部分有很多&#xff0c;其中&#xff0c;电脑输入设备是确保电脑能够被正常使用的关键之一。而鼠标无疑是输入设备中最主要也是最重要…

计算机鼠标双击怎么,讲解电脑鼠标左键单击变双击怎么办

鼠标是计算机的一种输入设备&#xff0c;可以将电脑的操作进行简单化。但是近来却有用户反映鼠标失灵了&#xff0c;单击左键变成了双击&#xff0c;这是怎么回事呢&#xff1f;接下来&#xff0c;我就给大家介绍一下鼠标左键单击变双击的解决方法 电脑鼠标左键单击怎么变成双击…

SQL相关

1.join on and 和join on where 关于join on后面使用and时的情况&#xff0c;例如a left join b on a.idb.id&#xff0c;会将左边表的列全部显示&#xff0c;如果添加a left join b on a.idb.id and b.bonus<1000&#xff0c;条件and b.bonus<1000会对右表进行过滤&…

解决 idea 光标突然变粗无法恢复

win10 快捷键来回切换&#xff1a; Fn insert &#xff08;这个是指 笔记本上右上角insert和delete功能放在一个按键上了&#xff0c;所以要按住Fn切换到insert功能上&#xff0c;本质和直接按insert没区别&#xff09; 补充&#xff1a; 上面不管用的&#xff0c;有些是各自…

vs2015不使用方向键移动光标快捷键

自行设置相应的快捷键即可&#xff0c;输入快捷键以后可以看到是否被使用&#xff0c;不要设置相冲突的快捷键。 编辑.上移行 ------光标上移一行 编辑.下移行 ------光标下移一行 编辑.左移字符 ------光标左移一列 编辑.右移字符 ------光标右移一列 编辑.行首------光标移动…

idea 光标 快捷键_idea光标快捷键

1、CtrlAltLeft/Right 光标定位到上一个/下一个浏览位置处&#xff1b;ctrlalt光标左右键特别是在源码查看的时候很有用&#xff1b; 2、CtrlShiftBackspace 光标定位到上次修改的地方&#xff1b; 3、AltUp/Down 移动光标到上一个/下一个方法开始处&#xff1b;alt光标上…

Vim 为什么把 HJKL 当作光标键?

使用 Vim&#xff0c;一直好奇为什么将光标键代之以 HJKL&#xff1f; 今天看到一篇文章《where-vim-came-from》&#xff08;https://twobithistory.org/2018/08/05/where-vim-came-from.html&#xff09;&#xff0c;文中回顾 Vim 的历史&#xff0c;总算疑难得到解答。 上图…