在Eventlistener中将元素传递给回调

Posted 2021-05-02

是否可以将EventListener激活时触发的元素传递给触发的回调函数？例如，

buttonElement.addEventListener("onclick", myCallback(buttonElement) { }

function myCallback(element) { // use element }

答案

是的你可以。只需在代码中进行一些小调整！

尝试这样写：

buttonElement.addEventListener("click", function() {
  myCallback(this);
});

function myCallback(el) {
  alert(el.innerhtml);
}

你将无法将触发元素直接传递给函数，除非你使用了一个helper - dummy - 函数来执行，然后抛出this，它将当前触发的元素引用到你的callback函数。

希望这可以帮助你！