禁用点击锚标签下的img标签

Question

我在锚标签下有一个img标签，我不想单击img标签，我尝试了禁用属性，看来img标签没有这种属性。请让我知道如何禁用img单击。

码：

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

谢谢

Answer 1

使用CSS，您可以使用指标事件属性：

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

您可以在此处检查浏览器对此属性的支持。

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

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

检查这个问题，这是您想要的东西吗？ 使用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