Document.elementFromPoint()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since julho de 2015.
O método elementFromPoint() da interface Document retorna o elemento de maior nível nas coordenadas especificadas.
Se o elemento no ponto especificado pertencer à outro documento (por exemplo, um subdocumento em um iframe), será retornado o pai do subdocumento (o próprio iframe). Se o elemento em determinado ponto for anônimo ou for um conteudo gerado por XBL, como por exemplo barras de scroll de caixas de texto, então será retornado o primeiro elemento pai, não-anônimo (por exemplo, a própria caixa de texto).
Se o ponto especificado estiver fora dos limites visíveis do documento ou tiver uma coordenada negativa, o resultado é null.
Se você precisa encontrar uma posição específica dentro do elemento, use Document.caretPositionFromPoint().
Nota: Chamados por documentos XUL devem esperar até o evento onload ser acionado antes de chamar este método.
Sintaxe
var element = document.elementFromPoint(x, y);
Parâmetros
Valor retornado
O objeto de nível mais alto Element dentro das coordenadas declaradas.
Exemplo
<!doctype html> <html lang="en"> <head> <title>exemplo de elementFromPoint</title> <script> function changeColor(newColor) { elem = document.elementFromPoint(2, 2); elem.style.color = newColor; } </script> </head> <body> <p id="para1">Algum texto aqui</p> <button onclick="changeColor('blue');">azul</button> <button onclick="changeColor('red');">vermelho</button> </body> </html> Especificações
| Specification |
|---|
| CSSOM View Module # dom-document-elementfrompoint |
Compatibilidade com navegadores
Loading…