javascript - 禁止点击 anchor 标签下的 img 标签

标签 javascript html css

我在 anchor 标签下有一个 img 标签,我不想点击 img 标签,我试过禁用属性,似乎 img 标签没有这样的属性。请告诉我如何禁用点击 img。

代码:

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

谢谢

最佳答案

有了CSS,你可以使用pointer-events属性:

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

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

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

Fiddle Demo

关于javascript - 禁止点击 anchor 标签下的 img 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21772407/

相关文章:

HTML/CSS : scrolling rectangle not working

javascript - 调试 javascript 函数

php - 如何使用百分比宽度从外部服务器提供图像? (PHP)

jquery - 如何使用 Jquery 循环每个表并在运行时写入状态?

php - 在 MySQL 数据库中发现更改时更新 HTML

html - Bootstrap : show span with badge class

javascript - 用 angular.element 注册的事件是否会被 $destroy 删除?

javascript - 为什么 $http.put 在 AngularJS 中不起作用?

javascript - 指定下一个的编号?

css - 从 CSS 规则中分离属性