如何隐藏浏览器悬停时在底部左/右侧的链接信息

23 浏览
0 Comments

如何隐藏浏览器悬停时在底部左/右侧的链接信息

如何创建一个链接，在鼠标移动到超链接上时不显示位于浏览器底部左侧或右侧的信息？假设我们有一个这样的链接：

 Users

，我们想要隐藏它，或者更准确地说，隐藏显示在浏览器左下角的超链接信息，就像下面的示例图所示。现在，我知道这是可能的，因为Stack Exchange网络站点本身就是用来在你访问每个站点的首页时显示“欢迎横幅”的。

如果你悬停在任何一个链接上：

Anybody can ask a question

Anybody can answer

The best answers are voted up and rise to the top

您会发现没有任何超链接信息显示。请参见下面的图像以查看“欢迎横幅”。

admin 更改状态以发布 2023年5月21日
0

2 答案

0 Comments

在更深入地研究后，我发现了一个更简单、更易于解决的方法，可以在这篇w3schools文章和这个SO的问题的帮助下，我可以在一个新窗口中打开它：





$("#anchorID").click(function() {
    window.open(
    'http://www.w3schools.com',
    '_blank' // <- This makes it open in a new window.
    );
});

Jsfiddle在线示例：http://jsfiddle.net/6sLzghhm/

0
0 Comments

纯 html 和 css 无法做到这一点，您必须使用 javascript。显示锚点标签的链接只是大多数浏览器的工作方式。 另外，用户希望能够看到他将被重定向到何处。

但是可以做到：您可以避免使用锚点标签。 然后，再使用另一个属性保存 href，例如 "data-href"。 然后，在 a 标签上绑定一个点击事件，基于此属性进行重定向。

但是我不会这样做-因为我不确定爬虫是否会看到链接。

这就是做法，但请注意片段无法在 SO 之外重定向 ：）

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;
}


test

0