連續點擊頁面空白處【網站設計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次后,可響應相關功能。

排球比赛可以没有自由人吗