144 votes

Obtenir l'élément à la position spécifiée - JavaScript

À l'aide de Javascript, comment identifier l'élément à une position donnée? En gros, je cherche à écrire une fonction qui prend deux paramètres d’entrée (les coordonnées x et y) et renvoie l’élément html à la position à l’écran représentée par les paramètres.

258voto

rahul Points 84185

28voto

Kijote Points 501

Vous pouvez utiliser le JavaScript natif elementFromPoint(x, y) méthode, qui renvoie l'élément au point de coordonnées x,y dans la fenêtre d'affichage.

Voir la elementFromPoint w3c projet

Et, un exemple de code:

<html>
<head>
<title>elementFromPoint example</title>

<script type="text/javascript">

function changeColor(newColor)
{
 elem = document.elementFromPoint(2, 2);
 elem.style.color = newColor;
}
</script>
</head>

<body>
<p id="para1">Some text here</p>
<button onclick="changeColor('blue');">blue</button>
<button onclick="changeColor('red');">red</button>
</body>
</html>

Vous pouvez utiliser setInterval() de vérifier en permanence l'élément stationnaire événement, mais il n'est pas recommandé, essayez d'utiliser .hover(...) et css au lieu d'améliorer les performances de l'application.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X