鼠标移到<a>标签

Question

有一个在左下角的提示当我把鼠标移动到标签， 和u能告诉我如何禁止这种现象。 enter image description here

Answer 1

至于评论，你要停止的行为是浏览器的功能。

为了避免这种情况，你将不得不模拟对自己的锚的行为，但正如你所说，你有许多锚，你不能手动将其转换为按钮，你可以试试下面的代码：

function maskAnchors() { 
 
    var els = document.querySelectorAll('a[href]'); 
 
    console.log("Anchors Found: ", els.length) 
 
    for (var i = 0; i < els.length; i++) { 
 
    els[i].setAttribute("data-url", els[i].getAttribute('href')); 
 
    els[i].removeAttribute("href"); 
 
    els[i].addEventListener("click", handleClick) 
 
    } 
 
} 
 

 
function handleClick() { 
 
    var url = this.getAttribute('data-url'); 
 
    window.open(url) 
 
} 
 

 
document.getElementById('btnAdd').addEventListener("click", function() { 
 
    var container = document.querySelector('.content'); 
 
    var link = document.createElement('a') 
 
    link.href = "www.google.com"; 
 
    link.textContent = "This is a newly added link"; 
 
    container.append(link) 
 
}) 
 

 
document.getElementById('btnMask').addEventListener("click", maskAnchors) 
 

 
window.addEventListener('load', maskAnchors)

.maskedAnchor { 
 
    color: -webkit-link; 
 
    text-decoration: underline; 
 
    cursor: auto; 
 
}

<div class="content"> 
 
    <a href="google.com">Google</a> 
 
    <a href="Facebook.com">Facebook</a> 
 
    <a href="StackOverflow.com">StackOverflow</a> 
 
    <a href="YouTube.com">YouTube</a> 
 
    <a href="Example.com">Example</a> 
 
    <a>blabla</a> 
 
</div> 
 
<button id="btnAdd">Add Anchor</button> 
 
<button id="btnMask">Run masking</button>

注：

• 删除href将改变样式。您还必须手动执行此操作。
• 这将不会处理执行此功能后动态添加的任何锚点。你将不得不再次调用这个函数。我已优化功能，只提取锚点href

希望它有帮助！