Question

我在锚标签下有一个img标签，我不想点击img标签，我试过禁用属性，似乎img tag没有这样的属性。请让我知道如何禁用点击img。

代码：

<a href="google.com"><img src="sample.png"></img></a>

三江源

Answer 1

使用CSS，您可以使用pointer-events属性：

img {
    pointer-events: none;
    cursor: default;
}

您可以检查此属性here的浏览器支持。

顺便说一下，<img></img>是无效的HTML标记。您需要使用<img />

<强> Fiddle Demo

Answer 2

为了防止默认行为，我们可以使用事件的 event.preventDefault（）方法。较旧的浏览器（即7及以下）不支持此方法，因此我们必须使用 onclick =“return false;”

注意：

我在链接中添加了简单文本，以证明图像点击已被禁用，但是当我们点击文本时，锚点击会被激活。

function onimgclick(event) { if(event.preventDefault) event.preventDefault(); else { return false; } }

html标记应该是

<a href="google.com"><img onclick="return onimgclick(event)" src="sample.png"></img> HI</a>

Answer 3

检查这个问题，这是你想要的吗？ Disable link using css

这样你的代码就会......

<a href="google.com" style="pointer-events: none;  cursor: default;">
    <img src="sample.png" />
</a>

顺便说一下，在HTML中，img标签没有结束标记。 http://www.w3schools.com/TAGS/tag_img.asp

禁用单击锚标记下的img标记

3 个答案: