获取触发事件的元素（节点）

Question

是否可以找到正在侦听触发当前函数的事件的元素？

在下面的代码，event.target在返回的最低子节点#xScrollPane和event.currentTarget和event.fromElement均无效。有没有其他方法可以在#xScrollPane不进行硬编码的情况下检索 DOM 引用？

//convert vertical scroll wheel to horizontal scroll wheel:

function scrollWheelX(event) {

    if (event.deltaY == 0) return

    event.target.scroll(event.target.scrollLeft + event.deltaY * 5, event.target.scrollTop)

    event.preventDefault()

}

document.getElementById('xScrollPane').addEventListener('wheel', scrollWheelX)

Answer 1

编辑：在事件处理程序内部，this对象指的是事件处理程序添加到的元素。在this不引用所需元素或对象的情况下，您可以将元素绑定到this对象中。请注意，如果您需要使用removeEventListener，则必须将绑定函数传递给它，而不仅仅是原始函数。即使在这种情况下没有必要绑定的示例：function scrollWheelX(event) {    if(event.deltaY == 0) {        return;    }    this.scroll(this.scrollLeft + event.deltaY * 5, this.scrollTop);    event.preventDefault();}const scrollingElement = document.getElementById("scrollElement");scrollingElement.addEventListener("wheel", scrollWheelX.bind(scrollingElement));