6.8 C
New York

Doc.elementFromPoint


La réaction aux événements avec JavaScript est la base d’une expérience dynamique sur le Net. Que ce soit un click on événement ou une autre motion typique, il est essential de répondre à cette motion. Nous avons commencé par attribuer des événements à des éléments spécifiques, puis nous sommes passés à délégation événementielle pour plus d’efficacité, mais saviez-vous que vous pouviez identifier les éléments par place sur la web page ? Regardons doc.elementFromPoint et doc.elementsFromPoint.

Le doc.elementFromPoint la méthode accepte x et y paramètres pour identifier l’élément le plus haut à un level :

const factor = doc.elementFromPoint(100, 100);
// 

Si vous voulez connaître l’intégralité de la pile d’éléments, vous pouvez utiliser doc.elementsFromPoint:

const parts = doc.elementsFromPoint(100, 100);
// (
, , )

Le elementFromPoint et elementsFromPoint sont vraiment utiles pour les expériences où les développeurs ne veulent pas attribuer d’événements individuels. Les websites de jeux et de divertissement pourraient bénéficier de ces fonctionnalités. Remark les utiliseriez-vous ?

  • Bienvenue dans mon nouveau bureau

    Mon premier développement Net professionnel a eu lieu dans une petite imprimerie où je me suis assis toute la journée dans un cubique sans fenêtre. J’ai souffert de cet environnement confiné pendant près de cinq ans avant de pouvoir trouver un travail à distance où je travaillais à domicile. La première…

  • Expressions régulières pour le reste d'entre nous

    Tôt ou tard, vous rencontrerez une expression régulière. Avec leur syntaxe cryptique, leur documentation déroutante et leur courbe d’apprentissage huge, la plupart des développeurs se contentent de les copier et de les coller à partir de StackOverflow et espèrent qu’ils fonctionnent. Et si vous pouviez décoder les expressions régulières et exploiter leur puissance ? Dans…

  • Entrée de téléchargement de fichiers multiples

    Le plus souvent, je me retrouve à vouloir télécharger plus d’un fichier à la fois. Devoir utiliser plusieurs éléments INPUT « fichier » est ennuyeux, lent et inefficace. Et si je les déteste, je ne peux pas imaginer à quel level mes utilisateurs seraient ennuyés. Heureusement Safari, Chrome…

  • Morphing d'éléments à l'aide de MooTools et CSS

    Morphing un élément entre les lessons CSS est une autre astuce que la bibliothèque JavaScript MooTools vous permet de faire. Le morphing n’est pas l’utilisation la plus pratique de MooTools, mais c’est toujours une astuce à votre disposition. Etape 1 : Le XHTML Le bloc de contenu qui va changer est…


Related Articles

LAISSER UN COMMENTAIRE

S'il vous plaît entrez votre commentaire!
S'il vous plaît entrez votre nom ici

Latest Articles