Question

IE10与标记中已禁用属性的其他浏览器之间存在差异。

<!DOCTYPE html>
<html>
<head>
    <title> Img Tag </title>
</head>
<body>
    <script type="text/javascript">
        function abc() {
            alert("Hi");
        }
    </script>
    <img style="width: 50px; height: 50px;" onload="abc()" onclick="abc()"  src="./testimg.png" disabled />
 </body>
</html>

IE10尊重残疾人财产以及onload＆amp; onclick没有开火。如果我删除了disabled属性，则会触发两个事件。

但是，Chrome并不尊重残疾人财产。我的意思是，无论禁用属性如何，它都会触发两个事件。

我的问题是，我可以在标签中使用disabled属性吗？如果是，IE10或Chrome的正确行为是什么？这是cherome的一个错误吗？

Answer 1

disabled元素的规范或公开草案不允许a。所以Chrome是对的，IE错了。有趣的是，a element on IE的文档未提及disabled属性（仅isDisabled属性）。

比照。 How to disable HTML links

Answer 2

在HTML 5规范中：

img未列在elements that can be disabled
img未列出elements which have a disabled attribute

非标准属性的正确行为是将它们添加到DOM中，否则忽略它们。因此Chrome具有正确的行为。

图像不是交互式控件，因此将点击事件绑定到它们通常是一个坏主意。

请改用按钮元素。您可以在其中放置图像并为按钮设置样式，使其看起来像普通图像。您可以禁用该按钮并将单击事件绑定到该按钮。

IE10中img标记中的禁用属性

2 个答案: