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

Question

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

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

Answer 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