jquery监听鼠标点击次数? 判断是否一直点击?

 我来答
遥遥无期Li
2017-03-04 · TA获得超过497个赞
知道小有建树答主
回答量:544
采纳率:56%
帮助的人:238万
展开全部
<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>在线测试页面</title> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<style>
*{ padding:0;margin:0;font-size:12px; }
</style>
</head>
<body>
<div class="d" style="width:98px;height:98px;border:1px solid red;"><p>点击了 <label style="color: #1689F5;">0</label> 次。</p><em style="color: red;"></em></div>
</body>
<script type="text/javascript">
$(function(){
var t = 0,num=0;;
$(".d").click(function(){
if( num == 0 ){
t = new Date().getTime();
num+=1;
$(this).find("label").text(num);
}else{
var tt = new Date().getTime();
if( tt-t<=500 ){
// 一直点击
$(this).children("em").text("请勿频繁操作!");
setTimeout(function(){
$(".d").children("em").text("");
},500);
}else if(tt-t>500){
num+=1;
$(this).find("label").text(num);
}
t = tt;
}
});
});
</script>
</html>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式