javascript - 我可以从回调中获取 addEventListener() 注册到的元素吗？

Question

使用 EventTarget.addEventListener() 时, 是否有可能在调用回调时获取监听器注册到的元素？

我知道 event.target属性，但这是触发事件的元素，它不必与注册监听器的元素相同。

Here's an example我的意思。考虑以下 HTML:

<p id="1">paragraph <span>1</span></p>
<p id="2">paragraph <span>2</span></p>

以及以下 Javascript:

document.getElementById("1").addEventListener("click", myfun);
document.getElementById("2").addEventListener("click", myfun);

function myfun(ev) {
    ev.target.style.backgroundColor = "yellow";
}

在此示例中，我想为 <p> 着色单击黄色，但由于我使用的是 event.target，所以当单击 1 或 2 时，只有它是彩色的，而不是整个段落。

Answer 1

在 myFun 中，this 将是您挂接监听器的元素。这是 addEventListener 工作原理的一个特性。