禁用頁面加載時的鏈接，5秒后啟用鏈接-Javascript

Question

我想在頁面加載后立即通過javascript禁用頁面上的每個<a href=""></a> 。

然后，我想等待5秒鍾，然后啟用每個<a href=""></a> 。

我嘗試了幾種方法，但均未成功（搜索，過去30分鍾一直在搜索，但無濟於事）。

任何人都可以弄清楚如何使用javascript嗎？

Answer 1

// Function that does nothing, but prevents default event handler
function disableLink(e) {
    e.preventDefault();
};

window.onload = function() {
    // Bind above event handler to all anchors
    var els = document.getElementsByTagName('a');
    [].forEach.call(els, function(el, i) {
        el.addEventListener("click", disableLink);
    });
    // Remove it in 5 seconds
    setTimeout(function() {
        var els = document.getElementsByTagName('a');
        [].forEach.call(els, function(el, i) {
            el.removeEventListener("click", disableLink);
        });
    }, 5000);
};

DEMO