IE 11 Zeiger Ereignisse überschreiben

Question

Ich versuche, die Zeiger-Ereignisse-Eigenschaft für eine enthaltene div zu überschreiben. Es funktioniert in allem bisher außer IE 11. Angeblich wurde die Pointer-Events-Eigenschaft IE 11 hinzugefügt. Aus irgendeinem Grund wird es jedoch nicht überschreiben.

.divstyle { 
    pointer-events: none; 
} 
.buttonstyle { 
    pointer-events: auto; 
} 

<div class="divstyle"> 
    <table> 
     <tr><td> 
      <input type="button" class="buttonstyle" value="test"> 
     </td></tr> 
     <tr><td> 
      <!-- A BUNCH OF CONTENT THAT I DON'T WANT TO HAVE POINTER EVENTS --> 
     </td></tr> 
     <tr><td> 
      <!-- AND ON AND ON --> 
     </td></tr> 
    </table> 
</div> 

Das gesamte div erlaubt keine Zeigerereignisse, einschließlich der Schaltfläche. Ich würde denken, da das Div die Ereignisse überhaupt nicht hat, unterstützt IE die Eigenschaft pointer-events, aber wenn ich explizit das Kind auf die Ereignisse setze, wird es aus irgendeinem Grund nicht zulassen. Danke für Ihre Hilfe!

Answer 1

Ich glaube, das Ihr Problem beheben:

https://coderwall.com/p/s8pjpg/reseting-pointer-events-on-ie11

Also, für Ihren Code:

.divstyle { 
    pointer-events: none; 
} 
.buttonstyle { 
    pointer-events: auto; 
    position: relative; 
} 

Answer 2

ich das umgekehrte Problem in IE11 hatte ich pointer-events: none auf einem Elternelement einstellen , aber ein Link in diesem Element reagierte immer noch auf Klicks! Wie sich herausstellte, hatte eine Spanne innerhalb der Verbindung position: relative, wodurch die Zeiger-Ereigniseigenschaft der Eltern ignoriert wurde.