连续点击页面空白处【网站设计JS特效】

来源:【易网】网站设计公司 | 更新:2018-09-27

网站设计中,有时候我们需要响应鼠标连续快速点击而响应一些隐藏功能。此时,我们可以用以下js代码实现。

连续点击js代码

网站设计中,有时候我们需要响应鼠标连续快速点击而响应一些隐藏功能。此时,我们可以用以下js代码实现。

<script>
var count = 0,
timer;
document.onclick = function() {
	if (count < 9) {
		if (timer) {
			clearTimeout(timer)
		}
		count++;
		timer = setTimeout(function() {
			count = 0
		}, 500)
	} else if (count === 9) {
		count = 0;
		clearTimeout(timer);
		quickClick()
	}
};
function quickClick() {
		alert('您点击了10下左键')
	};
</script>

加入以上js代码,在页面空白出连续快速点击10次后,可响应相关功能。