JS 中实现鼠标长按连续触发

<!DOCTYPE html>
<html><head><title>JS中实现鼠标长按连续触发</title></head><body><button id="button">0</button><script type="text/javascript">let num = 0,tid;const btn = window.document.getElementById("button");/* 点击事件 */btn.onclick = function(e) {triggerEvent(); // 触发事件};/* 鼠标点下时 */btn.onmousedown = function(e) {// 设置定时tid = setInterval(function() {triggerEvent(); // 触发事件}, 300);};/* 鼠标抬起时 */btn.onmouseup = function(e) {clearInterval(tid); // 清除计时器}/* 鼠标移开时 */btn.onmouseout = function(e) {clearInterval(tid); // 清除计时器}/* 触发事件 */function triggerEvent() {num++;btn.innerHTML = num;}</script></body>
</html>

JS 中实现鼠标长按连续触发相关推荐

vue js 中的鼠标事件
vue @click//单击 @mousedown//按下 @mouseup//抬起 @dblclick//双击 @mousemove//移动 @mouseleave//离开 @mouseout // ...
html 左键右键双击事件,html中在鼠标双击元素时触发的事件属性ondblclick
实例Copy Text 浏览器支持 IE Firefox Chrome Safari Opera 所有主流浏览器都支持 ondblclick 属性. 定义和用法 ondblclick 属性在鼠标双击元 ...
js中jquery鼠标事件（点击替换、鼠标移入、移出）
1.先添加三张图片 <img src="./vscode/images/1.jpg" width="300"><img src=". ...
关于js中的鼠标事件
一. 常用到的鼠标事件类型事件 click 单击鼠标左键时发生,如果右键也按下则不会发生 dbclick 双击鼠标左键时发生,如果右键也按下则不会发生 mousedown 单击任意一个鼠标按钮时发 ...
js中的鼠标滚轮事件
## 事件对象 event1 event事件对象,表示用来获取事件的详细信息,比如得到鼠标的横坐标:事件对象.clientX(clientX是可视区坐标)window.onclick = functi ...
如何调试JS中鼠标悬停事件影响的元素？
如何调试JS中鼠标悬停事件影响的元素? 在日常的前端开发中,我们经常要调试许多其他开发者写的网站和代码.此时我们往往会打开浏览器的开发者工具,在 Elements,Console,Network,So ...
lintcode 最长上升连续子序列 II(二维最长上升连续序列)
题目链接:http://www.lintcode.com/zh-cn/problem/longest-increasing-continuous-subsequence-ii/ 最长上升连续子序列 I ...
java 中鼠标事件_[Java教程]js中鼠标事件总结
[Java教程]js中鼠标事件总结 0 2017-07-11 00:00:19 js中鼠标事件主要有onclick,onmousedown,onmouseup,oncontextmenu,ondblc ...
js实现图片的放大缩小（鼠标长按拖拽、鼠标滚轮控制放大缩小）
系列文章目录文章目录系列文章目录背景与效果图 1.背景如下(功能图): 2.效果图如下: 拖拽后的效果缩放的效果放大的效果一.功能:支持鼠标长按拖拽 1.鼠标事件: 2.拖拽功能流程 3. ...

JS 中实现鼠标长按连续触发

JS 中实现鼠标长按连续触发相关推荐

最新文章

热门文章