使用JavaScript代码防止多次点击。
示例代码:
// 给按钮添加点击事件,使用debounce函数防抖
document.querySelector('button').addEventListener('click', debounce(function(){
// 处理点击事件
}, 1000));
/**
* 防抖函数
* @param {*} fn 要执行的函数
* @param {*} delay 时间间隔
*/
function debounce(fn, delay) {
let timer = null;
return function () {
let context = this;
let args = arguments;
clearTimeout(timer);
timer = setTimeout(() => {
fn.apply(context, args);
}, delay);
};
}
在上述代码中,使用了一个防抖函数对按钮的点击事件进行处理。当用户点击按钮时,防抖函数会延迟一段时间后才执行处理函数。如果在这段时间内用户多次点击按钮,只会执行一次处理函数,从而避免了多次点击导致的问题。
上一篇:避免多次导入模块
下一篇:避免多次调用 T-SQL 函数