在JavaScript中，防止按钮连续点击的常见做法是通过添加一个标志位，并结合事件处理器来实现。以下是一个简单的封装示例：

```javascript function debounceClick(callback, delay) { let timer = null; return function(e) { if (timer) { clearTimeout(timer); } timer = setTimeout(() => { callback.call(this, e); timer = null; }, delay); }; }

// 使用示例 let button1 = document.getElementById('button1'); button1.addEventListener('click', debounceClick(function() { console.log('Button 1 clicked'); }, 500)); // 延迟500毫秒后执行点击事件处理函数，期间再次点击无效

let button2 = document.getElementById('button2'); button2.addEventListener('click', debounceClick(function() { console.log('Button 2 clicked'); }, 500)); // 同样延迟500毫秒 ```

在这个示例中，debounceClick函数接收一个回调函数和一个延迟时间作为参数，返回一个新的函数用于替换原始的点击事件处理函数。当按钮被连续点击时，新的函数会清除上一次点击设置的定时器并重新设置，只有当最后一次点击后的延迟时间内没有新的点击发生时，才会执行回调函数。这样就实现了防止按钮连续点击的功能。