超链接在鼠标悬停时隐藏浏览器左下角的链接信息

1. 鼠标悬停时隐藏浏览器左下角链接信息：
• Js代码：
•  CSS代码：

网页上的超链接在鼠标悬停时会在浏览器左下角显示链接信息，这是很正常的功能。但是我们做网站的用户有时候会需要隐藏浏览器左下角的链接信息，这个应该怎么做到呢？我们可以通过JS代码+css代码来实现这个目标。

鼠标悬停时隐藏浏览器左下角链接信息：

当您将鼠标悬停在超链接上时，在浏览下左下角会显示这个链接信息：

显示 anchor 标记的链接是大多数浏览器正常的工作方式，用户可以看到他将被重定向到哪里。如果您想隐藏这个链接信息，纯html和css做不到，我们还需要用到JS代码（ javascript）。

原理是避免使用 anchor 标记，让另一个属性来保存 href - 如“data-href”，在该属性重定向的a标签上绑定(bind)点击事件。

Js代码：

var aTags = document.querySelectorAll('span[data-href]'); 
for(var i = 0; 
i < aTags.length; i++){ 
var aTag = aTags[i]; 
aTag.addEventListener('click', function(e){ 
var ele = e.target;
window.location.replace(ele.getAttribute('data-href')); }); }

span[data-href]{ cursor:pointer; }

现在你可以试一下，是否成功做到在鼠标悬停超链接时隐藏了浏览器左下角的链接信息，虽然我们并不提倡使用这个建站技巧，但是很高兴可以帮助您。