禁用<td>上的onclick事件仅在单击文本时有效,但在单击td中的其他区域时无效(ie10,ie11 issue)

Question

我在下面有这个 HTML代码.

<table border="1" style="width:100%">
 <tr> <th>Col</th></tr>
  <tr><td onclick="alert('1');" disabled="disabled"><label>One<br></label></td></tr>
  <tr><td onclick="alert('2');" disabled="disabled"><label>Two<br></label></td></tr>
  <tr><td onclick="alert('3');" disabled="disabled"><label><br></label></td></tr>
</table>

以上代码适用于Chrome和Microsoft Edge意味着它会在所有3个tds中点击td标记内的任何位置时显示警报.
但是在IE10中,IE11仅在td包含一些数据时起作用,就像在上面的代码中第3行不提供警报一样,对于其他tds它仅在我们点击文本时才有效,而不是在点击除文本以外的td内的任何其他区域时.

这段代码是我的大型应用程序的一部分.我只是想知道这是IE中的一个已知错误,如果是,任何人都可以提供该错误的链接.
或者我错过了导致问题的代码.由于它是大型应用程序的一部分,我想添加更少的代码,以便它不会影响其余的应用程序.

任何帮助,将不胜感激

Answer 1

根据文档：https://msdn.microsoft.com/en-us/library/ms533732 (v=vs.85) .aspx，

禁用的元素不响应鼠标事件

我在 IE11 中测试了您的代码，它无需该disabled属性即可工作。我认为这可能是一个td特定的问题，所以我将 a 添加onclick到 a 中div，只要没有disabled属性，它也可以工作。

在 IE11 上测试一下