Comment puis-je simuler « pointer-events:none » dans Internet Explorer ?

Émulation des événements de pointeur : aucun dans Internet Explorer

Manque de reconnaissance d'Internet Explorer pour les événements de pointeur : aucun ; Cette propriété peut entraver la capacité des utilisateurs à interagir avec les éléments en couches. Ce problème survient lorsqu'un PNG dégradé est utilisé sur un graphique, créant un div superposé qui obstrue l'interaction de l'utilisateur. Cet article explore une solution qui permet aux événements de souris de passer par un élément dans IE, comme si pointer-events:none; étaient utilisés.

Solution

Internet Explorer ne reconnaît que les événements de pointeur : aucun ; pour les éléments SVG, conformément à la spécification W3C. Pour émuler ce comportement pour les éléments non SVG, une solution viable consiste à les envelopper dans un élément SVG.

CSS :

#tryToClickMe{
    pointer-events: none;
    width: 400px;
    height: 400px;
    background-color: red;
}

HTML :

<svg>

Alternativement, si vous souhaitez accéder aux objets sus-jacents et sous-jacents, Internet Explorer fournit la méthode document.msElementsFromPoint, qui renvoie un tableau de toutes les couches situées à un point spécifique.

Conclusion

En utilisant ces techniques, il est possible d'obtenir des fonctionnalités similaires à celles des pointer-events:none; dans Internet Explorer, permettant une interaction utilisateur améliorée malgré les éléments en couches.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!