javascript - 延迟事件监听器

Question

在 JavaScript 中，我有一个元素(它是一个输入标记)。

这段代码:

element.addEventListener("focus", function () {
    this.parentNode.parentNode.style.outline = this.parentNode.parentNode.dataset.ans_outline;
});

当输入获得焦点时，轮廓立即改变。

我的问题是:我怎样才能推迟这个事件？

我已经尝试过:

element.addEventListener("focus", function () {
    setTimeout(function(node) {
        node.parentNode.parentNode.style.outline = node.parentNode.parentNode.dataset.ans_outline;
    }(this), 1000)
});

..但这不起作用:(

Answer 1

试试这个:

element.addEventListener("focus", function () {
    var node = this;
    setTimeout(function() {
        node.parentNode.parentNode.style.outline = node.parentNode.parentNode.dataset.ans_outline;
    }, 1000)
});

setTimeout 的第一个参数function 是您要执行的函数(不要直接调用该函数)。

您可以在 node 变量中存储对 this 的引用，然后在超时函数中使用它(请参阅 closures )