我有许多旨在跟踪点击的重定向链接,但我希望它们在悬停时作为目标显示在浏览器中。
该网站这样做是为了他们的赞助链接 - 来 self 们合作伙伴的更多信息部分。
如果您将鼠标悬停在诸如 Twitter 上最受关注的 15 位厨师之类的链接上,您会看到诸如 livestrong.com 之类的目标 URL,但如果您查看该链接,它实际上是: http://paid.outbrain.com/network/redir?key=72ecf1d1c22d4bcb6731a0e5c2902d43&rdid=202267155&type=CAD_def_stg&in-site=false&pc_id=2739633&req_id=89132213e0fd8071bc6b6d01992ac802&agent=blog_JS_rec&recMode=4&reqType=1&wid=1&imgType=0&version=37492&idx=7
(如果您复制网址,此行为将停止工作)。
是否通过 JavaScript 或 CSS 中的悬停完成某些操作?
感谢您提供的任何帮助。
最佳答案
这是链接之一:
<a class="rec-link" target="_blank" href="http://paid.outbrain.com/network/redir?key=19a1628a9cad0f9f4ac60304d3207ea2&rdid=202267155&type=RPM_def_ch&in-site=false&pc_id=1944349&req_id=1f0e47434afb7b8d70f06f9809ef9bf3&agent=blog_JS_rec&recMode=4&reqType=1&wid=1&imgType=0&version=37492&idx=8" onmousedown="this.href='http://paid.outbrain.com/network/redir?key=19a1628a9cad0f9f4ac60304d3207ea2&rdid=202267155&type=RPM_def_ch&in-site=false&pc_id=1944349&req_id=1f0e47434afb7b8d70f06f9809ef9bf3&agent=blog_JS_rec&recMode=4&reqType=1&wid=1&imgType=0&version=37492&idx=8';return true;" onclick="javascript:return(true)">Gmail lesson: Don't use stats to minimize angry users</a>
正如您所看到的(?)有一个 href
属性和一个 onmousedown
事件。就是这么简单。让 href
好看,让 this.href=...
长。
编辑
他们使用 onmousedown
因为这也是由鼠标右键触发的。 (仅单击左侧
)
关于javascript - 如何在悬停时显示中间重定向链接的真实目标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5862093/