可以'我不知道什么时候调用了哪个函数

Can't figure out which function called when

本文关键字:函数 调用 什么时候 我不知道 可以      更新时间:2023-09-26

有一个elements对象,它不是Array,而是类似于数组的HTML对象
我需要在click之后的1秒内alert每个elementinnerHTML
我写了这个代码(下面),但它不起作用。

[].forEach.call(elements, function (element) {
    element.onclick = () => setTimeout(alert(element.innerHTML), 1000);
});

我凭直觉知道这段代码中有一个错误(即使没有执行),但我不知道它在哪里,是什么样子(可能是参数出了问题?)
必须使用forEach(索引器i在原始代码中使用)。


也许省略了问题中微不足道的细节,我错过了一些有意义的东西。所以我带来了一个更完整的代码:

var colors = ["red", "green", "blue"];
var fragment = document.createDocumentFragment();
colors.forEach(function (color, i) {
    var span = document.createElement("SPAN");
    span.style.backgroundColor = color;
    span.tabIndex = i + 1;
    span.onclick = () => setTimeout(console.log(span.innerHTML), 1000);
    fragment.appendChild(span);
});

您需要将警报包装在另一个匿名函数中:

[].forEach.call(elements, function (element) {
    element.onclick = () => setTimeout(() => alert(element.innerHTML), 1000);
});

否则,当传输时它是setTimeout(alert(element.innerHTML), 1000);,并且您需要setTimeout(function() {alert(element.innerHTML)}, 1000);