[英]HTML Link to Execute Javascript Function after 3 clicks
我想知道是否只有在用戶單擊鏈接3次后才可以執行javascript函數。
這是HTML代碼:
<a onclick="toggleFullScreen()">Toggle Fullscreen</a>
這是Javascript部分:
function toggleFullScreen() {
if (!document.fullscreenElement && // alternative standard method
!document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement ) { // current working methods
if (document.documentElement.requestFullscreen) {
document.documentElement.requestFullscreen();
} else if (document.documentElement.msRequestFullscreen) {
document.documentElement.msRequestFullscreen();
} else if (document.documentElement.mozRequestFullScreen) {
document.documentElement.mozRequestFullScreen();
} else if (document.documentElement.webkitRequestFullscreen) {
document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
}
} else {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
}
}
}
您可以使用event.detail
( MDN文檔 ),瀏覽器使用它來存儲在短時間內發生的連續點擊的計數。 這是當用戶在任何地方三次單擊時登錄到控制台的最小示例:
window.addEventListener('click', function (evt) { if (evt.detail === 3) { console.log('triple click'); } });
將本地存儲用於全局變量。 看到這篇文章,它甚至有一個計算點擊次數的例子: https : //www.w3schools.com/jsref/prop_win_localstorage.asp
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.