为特定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

您应该只维护一个Node的引用副本。 也许在做：

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

就够了。