javascript - una - td onclick

El evento onclick en disabled<td> solo funciona al hacer clic en el texto, pero no al hacer clic en otra área en td(por ejemplo, 10, ie11 problema)

Question

Tengo este código html a continuación.

<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>

El código anterior funciona en Chrome y Microsoft Edge significa que muestra una alerta al hacer clic en cualquier lugar dentro de la etiqueta td en los 3 tds.
Pero en IE10, IE11 solo funciona cuando td contiene algunos datos, como en el código anterior. La tercera fila no da alerta y para otros tds solo funciona cuando hacemos clic en el texto, no al hacer clic en cualquier otra área dentro de td que no sea texto.

Este código en parte de mi gran aplicación. Solo quiero saber si este es un error conocido en IE, si es así, ¿alguien puede proporcionarme el enlace de ese error?
O me estoy perdiendo algo en el código que causa el problema. Dado que es una parte de una aplicación grande, quiero agregar menos código para que no afecte la aplicación de reposo.

Cualquier ayuda sería apreciada

Answer 1

De acuerdo con los documentos: https://msdn.microsoft.com/en-us/library/ms533732(v=vs.85).aspx ,

Los elementos deshabilitados no responden a los eventos del mouse

Probé tu código en IE11 y funciona sin la propiedad disabled . Pensé que podría haber sido un problema específico de td , así que agregué el onclick a un div y funciona también, siempre y cuando no haya ningún atributo disabled .

Prueba esto en IE11