ITKeyword,专注技术干货聚合推荐

注册 | 登录

JS 判断鼠标长按 实例

hj7jay 分享于 2016-08-04

2019阿里云全部产品优惠券(新购或升级都可以使用,强烈推荐)
领取地址https://promotion.aliyun.com/ntms/yunparter/invite.html

<!DOCTYPE HTML><html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

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

<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>鼠标长按</title> </head> <body> <input type="

相关阅读排行


用户评论

游客

相关内容推荐

最新文章

×

×

请激活账号

为了能正常使用评论、编辑功能及以后陆续为用户提供的其他产品,请激活账号。

您的注册邮箱: 修改

重新发送激活邮件 进入我的邮箱

如果您没有收到激活邮件,请注意检查垃圾箱。