aboutsummaryrefslogtreecommitdiff
path: root/files/pt-br/web/api/document/elementfrompoint
diff options
context:
space:
mode:
authorMDN <actions@users.noreply.github.com>2021-03-16 00:26:29 +0000
committerMDN <actions@users.noreply.github.com>2021-03-16 00:26:29 +0000
commitd49032372e1ad262a313dc974d8de6bb6efbf784 (patch)
tree3d0d5ba8caa558ed95ab3223e461ba60908de3d8 /files/pt-br/web/api/document/elementfrompoint
parent6cc1c55b8391c160f9df683eebd3c35196dfd46c (diff)
downloadtranslated-content-d49032372e1ad262a313dc974d8de6bb6efbf784.tar.gz
translated-content-d49032372e1ad262a313dc974d8de6bb6efbf784.tar.bz2
translated-content-d49032372e1ad262a313dc974d8de6bb6efbf784.zip
[CRON] sync translated content
Diffstat (limited to 'files/pt-br/web/api/document/elementfrompoint')
-rw-r--r--files/pt-br/web/api/document/elementfrompoint/index.html134
1 files changed, 134 insertions, 0 deletions
diff --git a/files/pt-br/web/api/document/elementfrompoint/index.html b/files/pt-br/web/api/document/elementfrompoint/index.html
new file mode 100644
index 0000000000..2b97e74bea
--- /dev/null
+++ b/files/pt-br/web/api/document/elementfrompoint/index.html
@@ -0,0 +1,134 @@
+---
+title: Document.elementFromPoint()
+slug: Web/API/Document/elementFromPoint
+tags:
+ - API
+ - CSSOM View
+ - Method
+ - NeedsMarkupWork
+ - NeedsMobileBrowserCompatibility
+ - Reference
+translation_of: Web/API/DocumentOrShadowRoot/elementFromPoint
+translation_of_original: Web/API/Document/elementFromPoint
+original_slug: Web/API/DocumentOrShadowRoot/elementFromPoint
+---
+<div>{{APIRef("DOM")}}</div>
+
+<p>O método <code><strong>elementFromPoint()</strong></code> da interface {{domxref("Document")}} retorna o elemento de maior nível nas coordenadas especificadas.</p>
+
+<p>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).</p>
+
+<p>Se o ponto especificado estiver fora dos limites visíveis do documento ou tiver uma coordenada negativa, o resultado é <code>null</code>.</p>
+
+<p>Se você precisa encontrar uma posição específica dentro do elemento, use {{domxref("Document.caretPositionFromPoint()")}}.</p>
+
+<p>{{Note("Chamados por documentos XUL devem esperar até o evento <code>onload</code> ser acionado antes de chamar este método.")}}</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxe</h2>
+
+<pre class="syntaxbox">var element = document.elementFromPoint(x, y);</pre>
+
+<h3 id="Parâmetros">Parâmetros</h3>
+
+<dl>
+ <dt>x</dt>
+ <dd>Uma posição horizontal dentro do viewport atual.</dd>
+ <dt>y</dt>
+ <dd>Uma position vertical dentro do viewport atual.</dd>
+</dl>
+
+<h3 id="Valor_retornado">Valor retornado</h3>
+
+<p>O objeto de nível mais alto {{domxref("Element")}} dentro das coordenadas declaradas.</p>
+
+<h2 id="Example" name="Example">Exemplo</h2>
+
+<pre class="brush:html">&lt;!DOCTYPE html&gt;
+&lt;html lang="en"&gt;
+&lt;head&gt;
+&lt;title&gt;exemplo de elementFromPoint&lt;/title&gt;
+
+&lt;script&gt;
+function changeColor(newColor) {
+ elem = document.elementFromPoint(2, 2);
+ elem.style.color = newColor;
+}
+&lt;/script&gt;
+&lt;/head&gt;
+
+&lt;body&gt;
+&lt;p id="para1"&gt;Algum texto aqui&lt;/p&gt;
+&lt;button onclick="changeColor('blue');"&gt;azul&lt;/button&gt;
+&lt;button onclick="changeColor('red');"&gt;vermelho&lt;/button&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+
+<h2 id="Especificações">Especificações</h2>
+
+<table class="standard-table">
+ <tbody>
+ <tr>
+ <th scope="col">Especificação</th>
+ <th scope="col">Status</th>
+ <th scope="col">Comment</th>
+ </tr>
+ <tr>
+ <td>{{SpecName('CSSOM View', '#dom-document-elementfrompoint', 'elementFromPoint')}}</td>
+ <td>{{Spec2('CSSOM View')}}</td>
+ <td>Definição Inicial.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilidade_entre_navegadores">Compatibilidade entre navegadores</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Funcionalidade</th>
+ <th>Chrome</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td> {{CompatChrome(4.0)}}</td>
+ <td>3</td>
+ <td>5.5</td>
+ <td>10.50</td>
+ <td>{{CompatVersionUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Funcionalidade</th>
+ <th>Android</th>
+ <th>Chrome para Android</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>