V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
x615
V2EX  ›  问与答

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

  •  
  •   x615 · 2015-11-10 21:45:17 +08:00 · 1369 次点击
    这是一个创建于 3096 天前的主题,其中的信息可能已经有所发展或是发生改变。
    情景再现:使用浏览器( Chrome )浏览网页,鼠标放在网页中一个京东商城的链接上,浏览器左下角显示的 URL 是“ www.jd.com ”没错,如果鼠标右键-->复制链接地址,放在地址栏粘贴的结果也是"www.jd.com"没错,但是鼠标左键点击的时候就会变成别的链接,请问是如何做到的?
    7 条回复    2015-11-10 22:05:40 +08:00
    XianZaiZhuCe
        1
    XianZaiZhuCe  
       2015-11-10 21:46:49 +08:00 via Android
    js
    x615
        2
    x615  
    OP
       2015-11-10 21:50:49 +08:00
    @XianZaiZhuCe 请问是如何具体实现的?用的哪个函数,我对 JS 不熟悉,能提供一个关键字么,我搜索一下,谢谢。
    liaa
        3
    liaa  
       2015-11-10 21:51:57 +08:00
    思路:
    1. JS 监听 mousedown 事件然后
    2. 然后阻止 event 的默认行为
    3. 然后使用 JS 控制浏览器跳到指定链接的地址
    x615
        4
    x615  
    OP
       2015-11-10 21:59:05 +08:00
    @liaa 请问一下,您说的“ mousedown ”是“ onmousedown ”么?我看那个链接的<a>标签中有“ onmousedown ”
    acrisliu
        5
    acrisliu  
       2015-11-10 21:59:28 +08:00 via Android   ❤️ 1
    <a href="http://www.jd.com" onclick="this.href='http://www.qq.com'">这是链接</a>
    liaa
        6
    liaa  
       2015-11-10 21:59:58 +08:00   ❤️ 1
    @x615 是嗒
    x615
        7
    x615  
    OP
       2015-11-10 22:05:40 +08:00
    @liaa
    @acrisliu
    感谢已送
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2188 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 15:49 · PVG 23:49 · LAX 08:49 · JFK 11:49
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.