HTML如何在鼠标悬停时更改链接文本答案

【问题标题】：HTML How to change link text when mouse overHTML如何在鼠标悬停时更改链接文本
【发布时间】：2014-05-20 12:28:36
【问题描述】：

当我创建一个链接时，我确实喜欢这个<li><a href="https://www.somePage.net" target="_blank">This is my page</a></li> 但是当我将鼠标悬停在 Chrome 中的链接上时，它会放弃我重定向到的链接。赞这个

如何将文本更改为例如。 “我的页面”

【问题讨论】：

你能详细说明一下，你想问什么？
Chrome 在页面底部写“somepage.net”但我希望它写“重定向到我的页面”或类似的内容。

标签： html css

【解决方案1】：

出于安全原因，这在任何浏览器中都是不可能的。否则，钓鱼网站的链接将变得更加难以检测，因为攻击者可以在状态栏中放置一个真实的 URL，而危险的链接实际上会指向其他地方

您可以参考this stackoverflow link了解更多详情

但如果你还想试试这个，那就去吧

场景为：

<a href="#this is a really UGLY link @1##$$%!!&" 
   onmouseover="showNiceLink(this,event)" 
   onclick="showNiceLink(this,event)" 
   onmouseout="showNiceLink(this,event)">someplace</a>

还有 JS

function showNiceLink(el,e){
    e = e || event;
    el.originalHref = el.originalHref || el.href;
    console.log(e.type);
    if (/click|out/i.test(e.type)){
        return el.href = el.originalHref;
    } else {
        el.href = "http://Linking...";
    }
}

参考fiddle here

【讨论】：

好的，谢谢，我就别管它了，不要再尝试了。