Javascript 禁用“锚定标记”下的“单击img标记”

Javascript 禁用“锚定标记”下的“单击img标记”,javascript,html,css,Javascript,Html,Css,我在锚定标签下有一个img标签,我不想点击img标签,我尝试了禁用属性,似乎img标签没有这样的属性。请让我知道如何禁用点击img 代码: 谢谢为了防止默认行为,我们可以使用事件的方法。较旧的浏览器(ie 7及以下版本)不支持此方法,因此我们必须使用onclick=“return false;” 注意: 我在链接中添加了简单的文本,以演示图像单击被禁用,但当我们单击文本时,锚单击被激活 function onimgclick(event) { if(event.preventDefa

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

代码:



谢谢

为了防止默认行为,我们可以使用事件的方法。较旧的浏览器(ie 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>

使用CSS,您可以使用属性:

img {
    pointer-events: none;
    cursor: default;
}
您可以检查此属性的浏览器支持

顺便说一句,
不是有效的HTML标记。您需要使用


检查这个问题,这是你想要的东西吗?

这样你的代码就会

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

顺便说一下,在HTML中,img标记没有结束标记。

单击事件在
元素上,为什么不删除超链接?@RajasekharP其工作检查小提琴演示jsfiddle.net/gkb6b请不要建议w3schools作为参考。@user3197584我想禁用img单击而不是锚定单击
<a href="google.com" style="pointer-events: none;  cursor: default;">
    <img src="sample.png" />
</a>