javascript - 为特定 DOM 元素运行 setTimeout()

Question

我有以下代码，问题是，如果在 setTimeout() 结束之前在页面上的其他元素上右键单击并选择“复制”，则先前单击的元素将不会更改其样式，因为全局变量被分配了新的元素值。

如何修改它，以便 setTimeout() 完成被调用元素的任务？

var whichNode;
var contextMenu = new gui.Menu()

contextMenu.append(new gui.MenuItem({
    label: 'Copy',
    click: function() {
        whichNode.style.color = '#40c4ff'
        setTimeout(function(){ whichNode.style.color = 'inherit' }, 1000)
    }
}))

document.addEventListener('contextmenu', function(e) {
    e.preventDefault;
    whichNode = e.srcElement;
    contextMenu.popup(e.x, e.y)
})

Answer 1

您应该简单地维护对 whichNode 的引用的副本。 也许做:

contextMenu.append(new gui.MenuItem({
label: 'Copy',
click: function() {
  var nodeCopy = whichNode;
  nodeCopy.style.color = '#40c4ff'
  setTimeout(function(){ nodeCopy.style.color = 'inherit' }, 1000)
}
}))

够了。