Usando Javascript ¿cómo puedo identificar el elemento en una posición determinada? Básicamente, estoy buscando escribir una función que tome dos parámetros de entrada (las coordenadas xey) y devuelve el elemento html en la posición en la pantalla representada por los parámetros.Obtiene elemento en la posición especificada - JavaScript
document.elementFromPoint(x, y);
http://dev.w3.org/csswg/cssom-view/#dom-document-elementfrompoint
http://msdn.microsoft.com/en-us/library/ms536417%28VS.85%29.aspx
https://developer.mozilla.org/en/DOM/document.elementFromPoint
Si solo hubiera 'document.elementsFromPoint' también - en caso de que los elementos se superpongan. – Seiyria
Me sorprende que esto haya funcionado en ie 5.5 y hoy no se usa tanto. –
He intentado este método y mide la posición de acuerdo con el documento. ¿Cómo lo uso en relación con el elemento padre? – Charas
Se puede utilizar el método nativo de JavaScript elementFromPoint(x, y), que devuelve el elemento en las coordenadas x, y en el visor.
Véase el elementFromPoint w3c draft
Y, un ejemplo de código:
<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>
Usted puede utilizar setInterval() comprobar continuamente evento de vuelo estacionario del elemento pero no es recomendable, tratar de utilizar .hover(...) y CSS en lugar de mejorar la rendimiento de la aplicación.
[elementsFromPoint] (https://developer.mozilla.org/en-US/docs/Web/API/Document/elementsFromPoint) –