如何实现鼠标悬停时显示的 URL 和实际点击时的 URL 不相同?

2015-11-10 21:45:17 +08:00
 x615
情景再现:使用浏览器( Chrome )浏览网页,鼠标放在网页中一个京东商城的链接上,浏览器左下角显示的 URL 是“ www.jd.com ”没错,如果鼠标右键-->复制链接地址,放在地址栏粘贴的结果也是"www.jd.com"没错,但是鼠标左键点击的时候就会变成别的链接,请问是如何做到的?
1442 次点击
所在节点    问与答
7 条回复
XianZaiZhuCe
2015-11-10 21:46:49 +08:00
js
x615
2015-11-10 21:50:49 +08:00
@XianZaiZhuCe 请问是如何具体实现的?用的哪个函数,我对 JS 不熟悉,能提供一个关键字么,我搜索一下,谢谢。
liaa
2015-11-10 21:51:57 +08:00
思路:
1. JS 监听 mousedown 事件然后
2. 然后阻止 event 的默认行为
3. 然后使用 JS 控制浏览器跳到指定链接的地址
x615
2015-11-10 21:59:05 +08:00
@liaa 请问一下,您说的“ mousedown ”是“ onmousedown ”么?我看那个链接的<a>标签中有“ onmousedown ”
acrisliu
2015-11-10 21:59:28 +08:00
<a href="http://www.jd.com" onclick="this.href='http://www.qq.com'">这是链接</a>
liaa
2015-11-10 21:59:58 +08:00
@x615 是嗒
x615
2015-11-10 22:05:40 +08:00
@liaa
@acrisliu
感谢已送

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/235186

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX