点击链接时捕获事件
我正在尝试跟踪外部链接的点击(不使用“重定向页面”)。
如何在用户点击链接时捕获事件,无论用户是否:
- 左键单击链接
- 右键单击链接并在新窗口中打开它
- 使用键盘激活链接
- 是否还有其他方法来激活链接关联?
onClick 事件仅适用于第一个。
如果设置 href="javascript:fireEventAndFollowLink()"
用户将无法在新窗口中打开链接 (2),因此这不是解决方案。
I am trying to track clicks on an external link (without using a "redirect page").
How can I capture an event when a user follows a link, regardless of whether the user:
- Left clicks on the link
- Right clicks on the link and open it in a new window
- Use the keyboard to activate the link
- Is there other ways to activate a link?
The onClick event only applies to the first.
If setting href="javascript:fireEventAndFollowLink()"
the user will not be able to open the link in a new window (2), so this is not a solution.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
可以通过某些方式触发链接(假设使用现代浏览器,请参阅脚注):
或
,页面将在 中加载新标签。
目标
值,可以在当前屏幕或另一个框架中加载链接。这种方法即使不是不可能完全实现,也是极其困难的。
JavaScript 无法用于直接检测上下文菜单中选择了哪个选项。
如何捕获这些链接
没有可靠的方法来捕获所有链接事件。
onmouseup
事件可用于检测 1、2 和 3。可以通过
event.button
(或 < code>event.which) 属性。在所有非 IE 浏览器中,0=左,1=中,2=右。在 IE 中,1=左,2=中,4=右。onclick
事件可用于捕获 1 和 2。可以通过
event.altKey
和event.shiftKey
属性检测修饰键。oncontextmenu
事件可用于捕获 3onkeydown
事件可用于捕获 4。修饰键的行为在任何规范中都没有正式化,并且因此是特定于浏览器的。至少 Firefox(至少 3+)和 Chrome(全部?)实现了这一关键行为。
相关问题 - 如何拦截链接上的操作 (
)?
A link can be triggered in some ways (assuming modern browsers, see foot note):
<a target="_blank">
or<a target="_new">
, the page will be loaded in a new tab.target
values, the link can be loaded in the current screen or another frame.This method is incredibly hard, if not impossible to fully implement.
JavaScript cannot be used to directly detect which option in the contextmenu has selected.
How to capture these links
There is no reliable way to capture all link events.
onmouseup
event can be used to detect 1, 2, and 3.The used button can be tracked through the
event.button
(orevent.which
) property. In all non-IE browsers, 0=Left, 1=Middle, 2=Right. In IE, 1=Left, 2=Middle, 4=Right.onclick
event can be used to capture 1 and 2.The modifier key can be detected through the
event.altKey
andevent.shiftKey
properties.oncontextmenu
event can be used to capture 3onkeydown
event can be used to capture 4.The behaviour of the modifier keys is not formalized in any specification, and is thus browser-specific. At least Firefox (at least 3+) and Chrome (all?) implement this key behaviour.
Related question - How to intercept an action on a link (
<a>
)?