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

标签 javascript html events

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

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

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

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

最佳答案

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

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

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

关于javascript - html: 从 onclick 属性访问鼠标事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49828946/

相关文章:

javascript - 如何取消绑定(bind)正在调用 event.preventDefault() 的监听器(使用 jQuery)?

javascript - console.log 会影响异步性能吗?

html - 将 Bootstrap 徽章放在 <ul> 未知元素列表的 <li> 元素的右下角?

python - TemplateDoesNotExist at/Django?

html - Animation Delay 不会加

c# - 一直使用 Action 和 Func 而不是进行相应的委托(delegate)是不是不好的做法?

c# - 阻止 PictureBox 接收事件 C#

javascript - 在 angularJS 中使用 ng-if 条件停止循环

javascript - JavaScript 支持多线程吗?如果没有,我应该如何实现 sleep()?

javascript - 登录系统: Issues with Session Start