鼠標移到<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

希望它有幫助！