javascript - 一定时间后的开/关功能

Question

想知道如何让 .off() 仅在特定时间段发生。我有一个 div，点击一次我想禁用点击事件 2 秒，然后允许再次点击。目前我所拥有的只是可以点击 div，然后一旦点击它就关闭了。

这是我所问的一个简短示例:

$('.test').on('click', function() {
    // *do stuff*
    $('.test').off('click'); *for a certain perdiod of time*
});

Answer 1

使用 bool 变量作为标志来说明是否应执行点击处理程序，而不是从多个元素附加/分离事件，这是一项简单得多的任务。试试这个:

var clickEnabled = true;

$('div').click(function() {
    clickEnabled = false;
    setTimeout(function() {
        clickEnabled = true;
    }, 2000);
});

$('.test').on('click', function(e) {
    if (!clickEnabled) {
        e.preventDefault();
    } else {
        // do stuff...
    }
});

请注意，您还应该使 .test 在 UI 中可见，否则您只会在访问者单击期望操作的元素时感到困惑和烦恼，但没有任何反应.