禁用页面加载链接,5秒后启用链接 - Javascript

时间:2014-11-17 00:25:25

标签: javascript html css timer

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

然后我要等待5秒钟,并启用每个<a href=""></a>

我尝试了一些没有成功的方法(搜索,搜索过去30分钟没有成功)。

任何人都可以通过javascript找出如何做到这一点吗?

1 个答案:

答案 0 :(得分:0)

// 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