Javascript 学习之路：鼠标长按事件

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head><body><input type="button" onmousedown="holdDown()" onmouseup="holdUp()" value="鼠标长按" /><script type="text/javascript">  var timeStart,timeEnd,time;//申明全局变量function getTimeNow()//获取此刻时间
            {var now=new Date();return now.getTime();}function holdDown()//鼠标按下时触发
            {timeStart=getTimeNow();//获取鼠标按下时的时间
                time=setInterval(function()//setInterval会每100毫秒执行一次
                {timeEnd=getTimeNow();//也就是每100毫秒获取一次时间if(timeEnd-timeStart>1000)//如果此时检测到的时间与第一次获取的时间差有1000毫秒
                    {clearInterval(time);//便不再继续重复此函数 （clearInterval取消周期性执行）
            　　　     alert("长按");//并弹出代码
                    }},100);}function holdUp(){clearInterval(time);//如果按下时间不到1000毫秒便弹起，
            }</script> </body>
</html>

转载于:https://www.cnblogs.com/binmengxue/p/5382896.html

Javascript 学习之路：鼠标长按事件相关推荐

JavaScript学习（二十六）—事件处理程序的添加与删除
JavaScript学习(二十六)-事件处理程序的添加与删除一.什么是事件? 所谓事件就是指用户或页面自身的某些行为,如点击鼠标,敲击键盘都是属于事件. 二.事件处理程序当事件被触发时会引起某些程 ...
JavaScript学习（三十四）—事件委托
JavaScript学习(三十四)-事件委托 (一).什么是事件委托? 所谓的事件委托就是指将事件添加到祖先元素身上,依据事件冒泡的原理(就是指事件的执行顺序是从当前元素逐步扩展到祖先元素,直到扩展到 ...
JavaScript学习（二十八）—事件冒泡和事件捕获
JavaScript学习(二十八)-事件冒泡和事件捕获一.什么是事件流? 简单说,事件流就是指事件的执行顺序,他包含两种模式:事件冒泡.事件捕获. (一).事件冒泡最常用的一种模式,就是指事件的执 ...
Javascript 鼠标长按事件的实现
let mousedownHandler = null; let mousemoveHandler = null; let mouseupHandler = null;/*** 添加长按事件* @pa ...
Extjs鼠标长按事件（实现长按按钮触发事件的方法：mousedown、mouseup）
实现效果: 注:实现的效果其实就是监听鼠标长按的事件,当鼠标左击长按改变按钮的样式,当鼠标放开之后还原按钮的样式. 实现方法: extjs: Ext.get("loginBtn") ...
JavaScript仿淘宝京东放大镜效果（鼠标事件）------JavaScript学习之路10
JavaScript仿淘宝京东放大镜效果注意一定计算好放大比例,本程序放大5倍,具体放大倍数,自定效果完整源码 <!DOCTYPE html> <html lang=&quo ...
JavaScript的事件系列二keydown,keypress,获取键码------JavaScript学习之路4
JavaScript的事件系列二判断热键shift,ctrl,alt,win shiftkey 当shift按下时为true,默认为false var v = ev || window.event; ...
【追寻javascript高手之路05】理解事件流
前言新的一天又开始了,我们对今天对未来抱有很大期待,所以开始我们今天的学习吧,在此之前来点题外话,还是爱好问题. 周三的面试虽然失败,但是也是很有启迪的,比如之前我就从来没有想过爱好问题,我发现我的 ...
JavaScript学习之路（WebAPIs阶段）
WebAPIs阶段 Web APIs 是 W3C 组织的标准 Web APIs 我们主要学习 DOM 和 BOM Web APIs 是我们 JS 所独有的部分我们主要学习页面交互功能需要使用 JS ...
html鼠标长按事件,JavaScript-web如何获取长按鼠标左键事件
简单的写一了一个基于jquery: (function($) { $.extend($.fn, { longPress : function(time,callBack){ time = time | ...

Javascript 学习之路：鼠标长按事件

Javascript 学习之路：鼠标长按事件相关推荐

最新文章

热门文章