一个为页面上的每个元素添加 onclick 事件的小书签?

发布于 2024-10-06 01:39:46 字数 108 浏览 4 评论 0原文

我想制作小书签,当您按下它时,页面上的所有元素都会获得一个 onclick 事件,该事件调用一个以元素作为参数或至少元素 id/class/something 的函数,这可能吗?既然如此,我该怎么办呢?

I want to make bookmarklet, and when you press it all the elements on the page gets an onclick event that calls a function with the element as a parameter or at least the elements id/class/something, is that possible? In that case, how would I do it?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

↙温凉少女 2024-10-13 01:39:46

点击气泡。因此,只需绑定到 并检查事件元素的 target 是什么(您需要进行一些事件规范化来绕过 IE与其他人不同。)

event.target 是实际的 DOM 元素,因此您可以在此时过滤任何您想要过滤的内容。

这样做的优点是,页面上有多少元素并不重要,您只需要一个事件处理程序来处理所有这些元素。 (这意味着在具有数百或数千个元素的页面上性能会更好。)

click bubbles. So just bind to the <body> and check what the target of the event element is (you'll need to do a bit of event normalization to get around IE being different from everyone else.)

event.target is the actual DOM element, so you can filter on anything that you want to filter on at that point.

This has the advantage that it doesn't matter how many elements are on the page, you only need one event handler for all of them. (Which means performance will be better on pages with hundreds or thousands of elements.)

究竟谁懂我的在乎 2024-10-13 01:39:46
javascript:void( document.body.onclick = function (event) { event = event || window.event; var element = event.target || event.srcElement; alert(element.textContent) } )     
javascript:void( document.body.onclick = function (event) { event = event || window.event; var element = event.target || event.srcElement; alert(element.textContent) } )     
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文