Sự kiện con trỏ IE 11 Ghi đè

Question

Tôi đang cố ghi đè thuộc tính sự kiện con trỏ cho một div chứa. Nó hoạt động trong mọi thứ cho đến nay ngoại trừ IE 11. Giả sử, thuộc tính pointer-events được thêm vào IE 11. Vì lý do nào đó, nó sẽ không ghi đè lên.

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

Toàn bộ div không cho phép sự kiện con trỏ, bao gồm cả nút. Tôi nghĩ rằng vì div không có sự kiện nào cả, IE hỗ trợ các sự kiện con trỏ-thuộc tính, nhưng khi tôi đặt con một cách rõ ràng để có các sự kiện, nó sẽ không cho phép nó vì một lý do nào đó. Cảm ơn sự giúp đỡ của bạn!

Answer 1

Tôi tin rằng điều này sẽ khắc phục vấn đề của bạn:

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

Vì vậy, đối với mã của bạn:

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

Answer 2

tôi đã có vấn đề ngược lại trong IE11, tôi đã thiết lập pointer-events: none trên một yếu tố phụ huynh , nhưng một liên kết bên trong yếu tố đó vẫn phản hồi các nhấp chuột! Khi nó bật ra, một khoảng bên trong liên kết có position: relative, làm cho nó bỏ qua thuộc tính con trỏ-sự kiện của cha mẹ.