在 javascript 中可使用以下方法防止連續點擊：使用計時器，在用戶單擊后禁用元素并在指定時間后重新啟用。使用事件監聽器，檢查元素在每次單擊時的禁用狀態，如果已禁用則取消事件。使用布爾標志跟蹤元素的點擊狀態，并在單擊時將標志設置為 true，并在計時器或事件監聽器中設置為 false。
如何使用 JavaScript 防止連續點擊
在某些情況下，防止用戶連續或快速點擊按鈕或元素非常重要，以防止意外的執行或錯誤。JavaScript 提供了幾種方法來實現這一點。
方法 1：使用計時器
在用戶單擊元素時，可以使用 setTimeout() 函數創建計時器。計時器會延遲執行一個函數一段時間，在此期間禁用元素。
function disableElement() {
// 獲取要禁用的元素
const element = document.getElementById("my-element");
// 創建一個計時器，在 500 毫秒后重新啟用元素
setTimeout(() => {
element.disabled = false;
}, 500);
// 在計時器運行時禁用元素
element.disabled = true;
}
登錄后復制
方法 2：使用事件監聽器
可以使用 addEventListener() 函數監聽 click 事件，并在每次單擊時檢查元素是否處于禁用狀態。
const element = document.getElementById("my-element");
element.addEventListener("click", function(e) {
// 檢查元素是否已禁用
if (e.target.disabled) {
// 如果禁用，則取消事件
e.preventDefault();
}
});
登錄后復制
方法 3：使用布爾標志
可以創建一個布爾標志來跟蹤元素是否處于點擊狀態。在單擊元素時，將標志設置為 true，并在計時器或事件監聽器中將標志設置為 false。
let isClicked = false;
function handleClick() {
if (isClicked) return;
// 將標志設置為 true，以指示元素已被點擊
isClicked = true;
// 執行所需的操作
// 創建一個計時器，在 500 毫秒后將標志設置為 false
setTimeout(() => {
isClicked = false;
}, 500);
}
登錄后復制
