x615
V2EX  ›  问与答

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

  •  
  •   x615 · Nov 10, 2015 · 1832 views
    This topic created in 3869 days ago, the information mentioned may be changed or developed.
    情景再现:使用浏览器( Chrome )浏览网页,鼠标放在网页中一个京东商城的链接上,浏览器左下角显示的 URL 是“ www.jd.com ”没错,如果鼠标右键-->复制链接地址,放在地址栏粘贴的结果也是"www.jd.com"没错,但是鼠标左键点击的时候就会变成别的链接,请问是如何做到的?
    7 replies    2015-11-10 22:05:40 +08:00
    XianZaiZhuCe
        1
    XianZaiZhuCe  
       Nov 10, 2015 via Android
    js
    x615
        2
    x615  
    OP
       Nov 10, 2015
    @XianZaiZhuCe 请问是如何具体实现的?用的哪个函数,我对 JS 不熟悉,能提供一个关键字么,我搜索一下,谢谢。
    liaa
        3
    liaa  
       Nov 10, 2015
    思路:
    1. JS 监听 mousedown 事件然后
    2. 然后阻止 event 的默认行为
    3. 然后使用 JS 控制浏览器跳到指定链接的地址
    x615
        4
    x615  
    OP
       Nov 10, 2015
    @liaa 请问一下,您说的“ mousedown ”是“ onmousedown ”么?我看那个链接的<a>标签中有“ onmousedown ”
    acrisliu
        5
    acrisliu  
       Nov 10, 2015 via Android   ❤️ 1
    <a href="http://www.jd.com" onclick="this.href='http://www.qq.com'">这是链接</a>
    liaa
        6
    liaa  
       Nov 10, 2015   ❤️ 1
    @x615 是嗒
    x615
        7
    x615  
    OP
       Nov 10, 2015
    @liaa
    @acrisliu
    感谢已送
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4495 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 46ms · UTC 05:34 · PVG 13:34 · LAX 22:34 · JFK 01:34
    ♥ Do have faith in what you're doing.