Introduction détaillée à ClientRect

Dans cet article, nous présenterons les coordonnées de la souris, les coordonnées des éléments et les coordonnées de la souris dans les éléments spécifiés. 1. Coordonnées de la souris Lorsqu'un événement lié à la souris est déclenché (tel qu'un clic, un déplacement de la souris), les coordonnées actuelles de la souris peuvent être obtenues via l'objet événement. Les coordonnées obtenues peuvent être divisées en deux types : 1) MouseEvent.screenX, MouseEvent.screenY : basés sur les coordonnées X et Y de l'écran avec le coin supérieur gauche de l'écran comme point de départ 0,0 ; 2) MouseEvent.clientX, MouseEvent.clientY : basé sur les coordonnées X et Y du corps ; en prenant le coin supérieur gauche du corps actuel comme point de départ de 0,0, si le corps contient une barre de défilement horizontale ou verticale. barre de défilement, le coin supérieur gauche est toujours à 0,0 point de coordonnées. 2. Les coordonnées de l'élément. La méthode getBoundingClientRect() de l'élément peut obtenir un objet ClientRect, qui décrit l'orientation, la largeur et la hauteur de l'élément. 2.1 ClientRect

1. Connaissance HTML - souris, coordonnées des éléments et propriétés de l'objet ClientRect

Introduction : dans cet article, nous présenterons les coordonnées de la souris, les coordonnées des éléments et les coordonnées de la souris dans les éléments spécifiés. 1. Coordonnées de la souris Lorsqu'un événement lié à la souris est déclenché (tel qu'un clic, un déplacement de la souris), les coordonnées de la souris actuelle peuvent être obtenues via l'objet événement.

2. Firefox getBoxObjectFor getBoundingClientRect contact_javascript skills

Introduction : Firefox invite sur les pages Web contenant du flash : Utilisation de getBoxObjectFor () est obsolète. Veuillez utiliser element.getBoundingClientRect().

3. Analyse de getBoundingClientRect dans diverses compétences javascript de navigateurs couramment utilisées

Introduction : getBoundingClientRect

4. code javascript getBoundingClientRect() pour obtenir la position des éléments de la page [version révisée] Page 1/2_compétences javascript

Introduction : Cette méthode n'est plus IE. Seuls FF3.0+ et Opera9.5+ prennent déjà en charge cette méthode. On peut dire qu'en obtenant des éléments de page, l'efficacité du positionnement peut être. grandement amélioré. Dans les versions précédentes d'Opera et de Firefox, il était nécessaire de faire une boucle pour obtenir la position absolue de l'élément sur la page.

5. Javascript moyen rapide pour obtenir la position de l'élément getBoundingClientRect()_javascript technique

Introduction : Il existe une méthode rapide moyen d'obtenir la position de l'élément La position des éléments de la page Web. Il s'agit d'utiliser la méthode getBoundingClientRect().

6. js getBoundingClientRect() pour obtenir la position des compétences elements_javascript de la page

Introduction : Cette méthode n'est plus IE. Seuls FF3.0+ et Opera9.5+ supportent déjà cette méthode. On peut dire qu'elle est très efficace pour obtenir la position des éléments de la page. Amélioration, dans les versions précédentes d'Opera et Firefox, il fallait faire une boucle pour obtenir la position absolue de l'élément sur la page.

7. Technique GetBoundingClientRect_javascript pour obtenir la position d'un élément depuis la périphérie du navigateur

Introduction : Ceci L'article le présente à tout le monde. Voici comment utiliser la méthode getBoundingClientRect() pour obtenir la position d'un élément à partir de l'environnement du navigateur. Les amis qui ont des problèmes similaires peuvent s'y référer. J'espère que cela vous sera utile pour apprendre js <.>

8. Implémentation JS d'exemples de glisser-déposer de compétences code_javascript

Introduction : Il existe de nombreuses façons d'implémenter le glisser dans JS. Cet article vous présentera comment utiliser la méthode getBoundingClientRect() Implémentée, les amis intéressés ne devraient pas la manquer

9 Utiliser la méthode getBoundingClientRect pour implémenter un simple composant collant_javascript. compétences

Introduction : Cet article présente l'idée d'implémentation de ce composant et propose une implémentation spécifique qui prend également en charge la fixation des éléments collants en haut ou en bas. Ce composant étant très courant dans les sites Web, il est nécessaire de le maîtriser. it. Méthode de mise en œuvre, de sorte que si nécessaire, des composants avec plus de fonctions puissent être écrits en fonction de ses idées

[Recommandations de questions et réponses associées] :

javascript - A quoi sert le tableau renvoyé par getClientRects ?

javascript - Concernant un morceau de code pour iscroll, j'espère que quelqu'un pourra l'expliquer

javascript - js détermine l'entrée dans la zone visible

javascript - getBoundingClientRect().width et clientWidth peuvent tous deux obtenir la largeur de l'appareil. Y a-t-il une différence entre eux ?

javascript - Défilement infini à l'aide des invites mint-ui getBoundingClientRect introuvable

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!