刪除<a>中的鏈接標記

Question

如果我在<a>標記中插入圖像，如何避免，如果有必要使用js，當有人點擊該圖像時它不會跟隨鏈接。

Answer 1

您需要處理<img>的click事件和return false;。

例如：

<img src="..." href="..." onclick="return false;" /> 

或者，使用jQuery：

$('a.SomeClass img').click(function() { return false; }); 

然而，最好的解決方案是移動<img>的<a>標籤之外。

Answer 2

只需添加到這個頁面上的其他答案：你應該使用CSS，而不是使用圖片代碼如

{background: transparent url('images/myimage.png') width:20px height:20px} 

Answer 3

您還可以通過事件的處理做風格，配有背景圖像的錨標記：

$('a.SomeClass img').click(function(event) { 
    event.preventDefault(); 
    return false; 
}); 

「事件」對象自動傳遞到jQuery中的「click」事件處理程序中。請注意，preventDefault（）是事件對象的原生javascript調用，所以它也可以不帶jQuery使用。