删除<a> tag</a>内图片中的链接

Question

如果我在<a>标签内插入图片，我怎么能避免，如果有必要，使用js，当有人点击该图片时，它不会跟随链接。

Answer 1

您需要处理<img>的{​​{1}}事件和click。

例如：

return false;

或者，使用jQuery：

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

但是，最佳解决方案是将$('a.SomeClass img').click(function() { return false; }); 移到<img>标记之外。

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

'event'对象在jQuery中的'click'事件处理程序中自动传递。请注意，preventDefault（）是对事件对象的本机javascript调用，因此它也可以用于jQuery。