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 附加侦听器。代码将更易于编写、更易于阅读、更安全且更易于维护。