À 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.
Réponses
Trop de publicités? document.elementFromPoint(x, y);
http://msdn.microsoft.com/en-us/library/ms536417%28VS.85%29.aspx
https://developer.mozilla.org/en/DOM/document.elementFromPoint
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.