码迷,mamicode.com
首页 > Web开发 > 详细

JS同时绑定单双击事件

时间:2015-01-07 09:26:30      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:javascript   jquery   js   单双击绑定   

这两天工作上遇到这种情况,需要在tree组件上的每个节点绑定单双击事件,怎么实现呢?借助js的定时器来实现这个功能吧,思路是这样的:给定时器设置一个时间,如果在该时间段内用户点击一次则触发单机事件,大于1的话就执行双击事件。废话不多说,这里我们用一个示例来说明:

首先要引入jQuery,这里用jquery来为测试元素绑定事件

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="jquery-1.11.2.min.js"></script>
<script type="text/javascript">
	$(function() {
		$("#button").mouseup(function() {
			clickOrDblClick();
		});

		var count = 0
		var timer
		function clickOrDblClick() {
			count++;
			timer = window.setTimeout(function() {
				if (count == 1) {
					alert("单击")
				} else {
					alert("双击")
				}
				window.clearTimeout(timer)
				count = 0

			}, 300)
		}
	});
</script>
</head>
<body>
	<button id="button">测试单机双击</button>
</body>
</html>


JS同时绑定单双击事件

标签:javascript   jquery   js   单双击绑定   

原文地址:http://blog.csdn.net/minzheng1988/article/details/42473161

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!