javascript - 使链接在一定时间内不可点击

Question

我有一个重新发送电子邮件的链接，但我不想让人们能够垃圾邮件单击该链接。

所以我想我需要让它在点击后 5 分钟内无法点击。

我发现了如何禁用这样的点击功能:

$('a').click(function(){ return false})

或者这个:

$('a').removeAttr('href')

但是我如何确定如果第一次点击它，人们不能再点击它 5 分钟？同时单击时显示警报？

这可以用 jquery 来完成吗？

Answer 1

而不是删除 href(这会在某些浏览器中导致恼人的行为)——您可以利用 jquery 的 .one 附加一个禁用事件处理程序，然后将其删除5 分钟后。

结合预定义原始事件处理程序，我们可以恢复到最初单击链接之前的行为。

(function($) {
    var lockLink = function() {
        var link = $(this);

        link.on('click', function(event) {
            event.preventDefault();
            return false;
        });

        window.setTimeout(function() {
            link.off();
            link.one('click', lockLink);
        }, 300000);
    };

    $('document').ready(function() {
        $('a').one('click', lockLink);
    });
})(jQuery);