javascript - 页面加载时禁用链接，5 秒后启用链接 - Javascript

Question

我想禁用每一个 <a href=""></a>页面加载后立即通过 javascript 在页面上显示。

然后我想等待 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