javascript - html: 从 onclick 属性访问鼠标事件

Question

我知道如果我用 js 分配鼠标监听器，我可以访问鼠标事件:

myElement.addEventListener("click", e => console.log(e.pageX))

我的问题是:通过html属性分配监听器是否可以访问鼠标事件？

<div onclick="alert('where is the mouse event?')"></div>

Answer 1

onclick 将被评估为一个函数的内部，并且该函数将有一个事件参数，因此您可以这样做:

<div onclick="console.log(arguments[0].pageX)">text</div>

但你真的、真的不应该。始终使用 Javascript 而不是 HTML-inline-eval 附加监听器。代码将更易于编写、更易于阅读、更安全且更易于维护。