diff options
author | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:49:58 +0100 |
---|---|---|
committer | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:49:58 +0100 |
commit | 68fc8e96a9629e73469ed457abd955e548ec670c (patch) | |
tree | 8529ab9fe63d011f23c7f22ab5a4a1c5563fcaa4 /files/pt-br/web/events | |
parent | 8260a606c143e6b55a467edf017a56bdcd6cba7e (diff) | |
download | translated-content-68fc8e96a9629e73469ed457abd955e548ec670c.tar.gz translated-content-68fc8e96a9629e73469ed457abd955e548ec670c.tar.bz2 translated-content-68fc8e96a9629e73469ed457abd955e548ec670c.zip |
unslug pt-br: move
Diffstat (limited to 'files/pt-br/web/events')
-rw-r--r-- | files/pt-br/web/events/abort/index.html | 70 | ||||
-rw-r--r-- | files/pt-br/web/events/beforeunload/index.html | 106 | ||||
-rw-r--r-- | files/pt-br/web/events/blur/index.html | 154 | ||||
-rw-r--r-- | files/pt-br/web/events/domcontentloaded/index.html | 177 | ||||
-rw-r--r-- | files/pt-br/web/events/focus/index.html | 137 | ||||
-rw-r--r-- | files/pt-br/web/events/focusin/index.html | 125 | ||||
-rw-r--r-- | files/pt-br/web/events/focusout/index.html | 125 | ||||
-rw-r--r-- | files/pt-br/web/events/input/index.html | 248 | ||||
-rw-r--r-- | files/pt-br/web/events/load/index.html | 89 | ||||
-rw-r--r-- | files/pt-br/web/events/readystatechange/index.html | 83 |
10 files changed, 0 insertions, 1314 deletions
diff --git a/files/pt-br/web/events/abort/index.html b/files/pt-br/web/events/abort/index.html deleted file mode 100644 index 62243a2762..0000000000 --- a/files/pt-br/web/events/abort/index.html +++ /dev/null @@ -1,70 +0,0 @@ ---- -title: abort -slug: Web/Events/abort -translation_of: Web/API/HTMLMediaElement/abort_event -translation_of_original: Web/Events/abort ---- -<p>O evento <strong><code>abort</code></strong> é disparado quando o carregamento de um recurso foi interrompido.</p> - -<h2 id="Informações_Gerais">Informações Gerais</h2> - -<dl> - <dt style="float: left; text-align: right; width: 120px;">Especificação</dt> - <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-abort">DOM L3</a></dd> - <dt style="float: left; text-align: right; width: 120px;">Interface</dt> - <dd style="margin: 0 0 0 120px;">{{domxref("UIEvent")}} se gerado a partir da interface do usuário, caso contrário será {{domxref("Event")}}.</dd> - <dt style="float: left; text-align: right; width: 120px;">Bubbles</dt> - <dd style="margin: 0 0 0 120px;">Não</dd> - <dt style="float: left; text-align: right; width: 120px;">Cancelável</dt> - <dd style="margin: 0 0 0 120px;">Não</dd> - <dt style="float: left; text-align: right; width: 120px;">Alvo</dt> - <dd style="margin: 0 0 0 120px;">{{domxref("Element")}}</dd> - <dt style="float: left; text-align: right; width: 120px;">Ação Padrão</dt> - <dd style="margin: 0 0 0 120px;">Nenhuma</dd> -</dl> - -<h2 id="Propriedades">Propriedades</h2> - -<div> -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Propriedade</th> - <th scope="col">Tipo</th> - <th scope="col">Descrição</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>target</code> {{readOnlyInline}}</td> - <td><code>{{domxref("EventTarget")}}</code></td> - <td>O evento alvo (O mais elevado da árvore DOM).</td> - </tr> - <tr> - <td><code>type</code> {{readOnlyInline}}</td> - <td><code>{{domxref("DOMString")}}</code></td> - <td>O tipo de evento.</td> - </tr> - <tr> - <td><code>bubbles</code> {{readOnlyInline}}</td> - <td><code>{{domxref("Boolean")}}</code></td> - <td>O evento é normalmente <em>bubble</em>?</td> - </tr> - <tr> - <td><code>cancelable</code> {{readOnlyInline}}</td> - <td><code>{{domxref("Boolean")}}</code></td> - <td>É possível cancelar o evento?</td> - </tr> - <tr> - <td><code>view</code> {{readOnlyInline}}</td> - <td><code>{{domxref("WindowProxy")}}</code></td> - <td><code>{{domxref("document.defaultView")}} </code>(<code>window</code> do documento)</td> - </tr> - <tr> - <td><code>detail</code> {{readOnlyInline}}</td> - <td><code>long</code> (<code>float</code>)</td> - <td>0.</td> - </tr> - </tbody> -</table> -</div> diff --git a/files/pt-br/web/events/beforeunload/index.html b/files/pt-br/web/events/beforeunload/index.html deleted file mode 100644 index 6d6034318c..0000000000 --- a/files/pt-br/web/events/beforeunload/index.html +++ /dev/null @@ -1,106 +0,0 @@ ---- -title: beforeunload -slug: Web/Events/beforeunload -translation_of: Web/API/Window/beforeunload_event ---- -<p>O evento <strong><code>beforeunload</code></strong> é disparado quando o <em>window</em>, o <em>document</em> e seus recursos estão prestes a ser descarregados.</p> - -<p>Quando uma <em>string</em> é atribuída na propriedade <code>returnValue</code> do <em>Event</em>, uma caixa de díalogo aparecerá solicitando ao usuário uma confirmação para sair da página (veja exemplo abaixo). Quando nenhum valor é fornecido, o evento é processado silenciosamente.</p> - -<table class="properties"> - <tbody> - <tr> - <td>Bubbles</td> - <td>Não</td> - </tr> - <tr> - <td>Cancelable</td> - <td>Sim</td> - </tr> - <tr> - <td>Target objects</td> - <td>defaultView</td> - </tr> - <tr> - <td>Interface</td> - <td>{{domxref("Event")}}</td> - </tr> - </tbody> -</table> - -<h2 id="Propriedades">Propriedades</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Propriedade</th> - <th scope="col">Tipo</th> - <th scope="col">Descrição</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>target</code> {{readOnlyInline}}</td> - <td>{{domxref("EventTarget")}}</td> - <td>O evento alvo (the topmost target in the DOM tree).</td> - </tr> - <tr> - <td><code>type</code> {{readOnlyInline}}</td> - <td>{{domxref("DOMString")}}</td> - <td>O tipo de evento.</td> - </tr> - <tr> - <td><code>bubbles</code> {{readOnlyInline}}</td> - <td>{{jsxref("Boolean")}}</td> - <td>O evento é normalmente <em>bubble</em>?</td> - </tr> - <tr> - <td><code>cancelable</code> {{readOnlyInline}}</td> - <td>{{jsxref("Boolean")}}</td> - <td>É possível cancelar o evento?</td> - </tr> - <tr> - <td><code>returnValue</code></td> - <td>{{domxref("DOMString")}}</td> - <td>O valor de retorno do evento (a mensagem que será exibida ao usuário).</td> - </tr> - </tbody> -</table> - -<h2 id="Exemplos">Exemplos</h2> - -<pre class="brush:js;">window.addEventListener("beforeunload", function (event) { - event.returnValue = "\o/"; -}); - -// equivalente a -window.addEventListener("beforeunload", function (event) { - event.preventDefault(); -});</pre> - -<p>Navegadores baseados no WebKit não seguem a especificação para caixas de diálogo. Um exemplo que funcionaria na maioria dos navegadores seria aproximadamente o seguinte:</p> - -<pre class="brush: js">window.addEventListener("beforeunload", function (e) { - var confirmationMessage = "\o/"; - - e.returnValue = confirmationMessage; // Gecko, Trident, Chrome 34+ - return confirmationMessage; // Gecko, WebKit, Chrome <34 -});</pre> - -<h2 id="Notas">Notas</h2> - -<p>Quando este evento retorna um valor não vazio (<em>non-void</em>), é solicitada ao usuário uma confirmação para descarregar a página. Na maioria dos navegadores o valor retornado no evento é exibido como mensagem nessa confirmação. No Firefox 4 e versões anteriores a <em>string</em> retornada não é exibida para o usuário. Ao invés disso, o Firefox exibe a mensagem "Esta página está perguntanto se você deseja sair - é possível que as alterações feitas não sejam salvas." Veja {{bug("588292")}}.</p> - -<p>Desde 25 de maio de 2011 a especificação HTML5 define que chamadas aos métodos {{domxref("window.alert()")}}, {{domxref("window.confirm()")}} e {{domxref("window.prompt()")}} serão ignoradas durante este evento. Para mais detalhes veja a <a href="http://www.w3.org/TR/html5/webappapis.html#user-prompts">especificação HTML5</a> (em inglês).</p> - -<p>Note também que vários navegadores para celular ignoram o resultado deste evento (isso que dizer que eles não solicitam a confirmação do usuário). O Firefox possui uma configuração escondida em <em>about:config</em> que faz o mesmo. Em essência, isto significa que o usuário estará sempre confirmando que o documento pode ser descarregado.</p> - -<h2 id="Veja_também">Veja também</h2> - -<ul> - <li>{{Event("DOMContentLoaded")}}</li> - <li>{{Event("readystatechange")}}</li> - <li>{{Event("load")}}</li> - <li>{{Event("unload")}}</li> - <li><a href="http://www.whatwg.org/specs/web-apps/current-work/#prompt-to-unload-a-document" title="http://www.whatwg.org/specs/web-apps/current-work/#prompt-to-unload-a-document">Descarregando documentos — Confirmando para descarregar o documento</a> (em inglês)</li> -</ul> diff --git a/files/pt-br/web/events/blur/index.html b/files/pt-br/web/events/blur/index.html deleted file mode 100644 index 7eb9263be2..0000000000 --- a/files/pt-br/web/events/blur/index.html +++ /dev/null @@ -1,154 +0,0 @@ ---- -title: blur (evento) -slug: Web/Events/blur -translation_of: Web/API/Element/blur_event ---- -<p>O evento <code>blur</code> é acionado quando um elemento perde foco. A diferença principal entre este evento e <a href="/en-US/docs/Mozilla_event_reference/focusout"><code>focusout</code></a> é que apenas o segundo 'borbulha'.</p> - -<h2 id="Informação_geral">Informação geral</h2> - -<dl> - <dt style="float: left; text-align: right; width: 120px;">Especificação</dt> - <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-blur">DOM L3</a></dd> - <dt style="float: left; text-align: right; width: 120px;">Interface</dt> - <dd style="margin: 0 0 0 120px;">{{domxref("FocusEvent")}}</dd> - <dt style="float: left; text-align: right; width: 120px;">Borbulha</dt> - <dd style="margin: 0 0 0 120px;">Não</dd> - <dt style="float: left; text-align: right; width: 120px;">Cancelável</dt> - <dd style="margin: 0 0 0 120px;">Não</dd> - <dt style="float: left; text-align: right; width: 120px;">Alvo</dt> - <dd style="margin: 0 0 0 120px;">Elemento</dd> - <dt style="float: left; text-align: right; width: 120px;">Ação padrão</dt> - <dd style="margin: 0 0 0 120px;">Nenhuma</dd> -</dl> - -<p>{{NoteStart}}O valor de {{domxref("Document.activeElement")}} varia entre navegadores enquanto este evento é processado ({{bug(452307)}}): O IE10 define-o para o elemento para onde o foco moverá, enquanto Firefox e Chrome muitas vezes definem-o para o <code>body</code> do documento.{{NoteEnd}}</p> - -<h2 id="Propriedades">Propriedades</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Property</th> - <th scope="col">Type</th> - <th scope="col">Description</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>target</code> {{readonlyInline}}</td> - <td>{{domxref("EventTarget")}}</td> - <td>Event target (DOM element)</td> - </tr> - <tr> - <td><code>type</code> {{readonlyInline}}</td> - <td>{{domxref("DOMString")}}</td> - <td>The type of event.</td> - </tr> - <tr> - <td><code>bubbles</code> {{readonlyInline}}</td> - <td>{{jsxref("Boolean")}}</td> - <td>Whether the event normally bubbles or not.</td> - </tr> - <tr> - <td><code>cancelable</code> {{readonlyInline}}</td> - <td>{{jsxref("Boolean")}}</td> - <td>Whether the event is cancellable or not.</td> - </tr> - <tr> - <td><code>relatedTarget</code> {{readonlyInline}}</td> - <td>{{domxref("EventTarget")}} (DOM element)</td> - <td>null</td> - </tr> - </tbody> -</table> - -<h2 id="Delegação_do_evento">Delegação do evento</h2> - -<p>Existem duas maneiras de implementar a delegação de eventos para este evento: usando o evento <code>focusout</code> nos navegadores que suportam-o, ou definindo o parâmetro "useCapture" do <a href="/en-US/docs/DOM/element.addEventListener"><code>addEventListener</code></a> para <code>true</code>:</p> - -<h3 id="Conteúdo_HTML">Conteúdo HTML </h3> - -<pre class="brush:html;"><form id="form"> - <input type="text" placeholder="text input"> - <input type="password" placeholder="password"> -</form></pre> - -<h3 id="Conteúdo_JavaScript">Conteúdo JavaScript</h3> - -<pre class="brush: js">var form = document.getElementById("form"); -form.addEventListener("focus", function( event ) { - event.target.style.background = "pink"; -}, true); -form.addEventListener("blur", function( event ) { - event.target.style.background = ""; -}, true);</pre> - -<p>{{EmbedLiveSample('Event_delegation')}}</p> - -<h2 id="Compatibilidade_entre_navegadores">Compatibilidade entre navegadores</h2> - -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Suporte básico</td> - <td>5</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> - <td>6</td> - <td>12.1</td> - <td>5.1</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome para Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Suporte básico</td> - <td>4.0</td> - <td>53</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>10.0</td> - <td>12.1</td> - <td>5.1</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Antes do Gecko 24 {{geckoRelease(24)}} a interface para este elemento era {{domxref("Event")}}, não {{domxref("FocusEvent")}}. Veja ({{bug(855741)}}).</p> - -<h2 id="Eventos_relacionados">Eventos relacionados</h2> - -<ul> - <li>{{event("focus")}}</li> - <li>{{event("blur")}}</li> - <li>{{event("focusin")}}</li> - <li>{{event("focusout")}}</li> -</ul> diff --git a/files/pt-br/web/events/domcontentloaded/index.html b/files/pt-br/web/events/domcontentloaded/index.html deleted file mode 100644 index eb54671921..0000000000 --- a/files/pt-br/web/events/domcontentloaded/index.html +++ /dev/null @@ -1,177 +0,0 @@ ---- -title: DOMContentLoaded -slug: Web/Events/DOMContentLoaded -translation_of: Web/API/Window/DOMContentLoaded_event ---- -<p>O evento <code>DOMContentLoaded</code> é acionado quando todo o HTML foi completamente carregado e analisado, sem aguardar pelo CSS, imagens, e subframes para encerrar o carregamento. Um evento muito diferente - <a href="/en-US/docs/Mozilla_event_reference/load"><code>load</code></a> - deve ser usado apenas para detectar uma página completamente carregada. É um engano comum as pessoas usarem <a href="/en-US/docs/Mozilla_event_reference/load" style="line-height: 19.0909080505371px;"><code>load</code></a><span style="line-height: 19.0909080505371px;"> quando </span><code style="font-style: normal; line-height: 19.0909080505371px;">DOMContentLoaded</code><span style="line-height: 19.0909080505371px;"> seria muito mais apropriado.</span></p> - -<div class="note"> -<p><strong>Nota:</strong> Javascript Síncrono pausa a análise do DOM.</p> -</div> - -<h2 id="Acelerando" style="line-height: 30px; font-size: 2.14285714285714rem;">Acelerando</h2> - -<p>Se você quer que o DOM seja analisado o mais rápido possível após uma requisição do usuário, você deve usar recursos do <a href="/en-US/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests">javascript assíncrono</a> e <a href="https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery">otimizar o carregamento de folhas de estilo</a> pois, caso contrário, a página será carregada mais lentamente pois muitos itens serão carregados paralelamente, atrasando a visualização da página.</p> - -<dl style="line-height: 19.0909080505371px;"> -</dl> - -<h2 id="Informações_gerais">Informações gerais</h2> - -<dl> - <dt style="float: left; text-align: right; width: 120px;">Especificação</dt> - <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-end.html#the-end">HTML5</a></dd> - <dt style="float: left; text-align: right; width: 120px;">Interface</dt> - <dd style="margin: 0 0 0 120px;">Event</dd> - <dt style="float: left; text-align: right; width: 120px;">Propaga</dt> - <dd style="margin: 0 0 0 120px;">Sim</dd> - <dt style="float: left; text-align: right; width: 120px;">Cancelável</dt> - <dd style="margin: 0 0 0 120px;">Sim (embora especificado como evento simples não-cancelável)</dd> - <dt style="float: left; text-align: right; width: 120px;">Alvo</dt> - <dd style="margin: 0 0 0 120px;">Document</dd> - <dt style="float: left; text-align: right; width: 120px;">Ação Default</dt> - <dd style="margin: 0 0 0 120px;">Nenhuma.</dd> -</dl> - -<h2 id="Propriedades">Propriedades</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Property</th> - <th scope="col">Type</th> - <th scope="col">Description</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>target</code> {{readonlyInline}}</td> - <td>{{domxref("EventTarget")}}</td> - <td>Alvo do evento (O topo do DOM).</td> - </tr> - <tr> - <td><code>type</code> {{readonlyInline}}</td> - <td>{{domxref("DOMString")}}</td> - <td>Tipo de evento</td> - </tr> - <tr> - <td><code>bubbles</code> {{readonlyInline}}</td> - <td>{{jsxref("Boolean")}}</td> - <td>O evento é por padrão bubbles ou não.</td> - </tr> - <tr> - <td><code>cancelable</code> {{readonlyInline}}</td> - <td>{{jsxref("Boolean")}}</td> - <td>O evento pode ser cancelado ou não.</td> - </tr> - </tbody> -</table> - -<h2 id="Exemplo">Exemplo</h2> - -<h3 id="Básico">Básico</h3> - -<pre class="brush: html" style="font-size: 14px;"><script> - document.addEventListener("DOMContentLoaded", function(event) { - console.log("DOM completamente carregado e analisado"); - }); -</script> -</pre> - -<h3 id="Forçando_o_atraso_do_DOMContentLoaded">Forçando o atraso do DOMContentLoaded</h3> - -<pre class="brush: html" style="font-size: 14px;"><script> - document.addEventListener("DOMContentLoaded", function(event) { - console.log("DOM completamente carregado e analisado"); - }); - -for(var i=0; i<1000000000; i++) -{} // este script síncrono irá o atrasar carregamento do DOM. Então o evento DOMContentLoaded irá ser ativado mais tarde. -</script> -</pre> - -<p> </p> - -<h3 id="Verificando_se_o_carregamento_está_completo">Verificando se o carregamento está completo</h3> - -<p><code>DOMContentLoaded</code> pode disparar antes do seu script ser carregado, então é importante validar antes de adicionar um listener.</p> - -<pre>function doSomething() { - console.info("DOM carregado"); -} - -if (document.readyState === "loading") { // Ainda carregando - document.addEventListener("DOMContentLoaded", doSomething); -} else { // `DOMContentLoaded` foi disparado - doSomething(); -}</pre> - -<p> </p> - -<h2 id="Compatibilidade_entre_Navegadores">Compatibilidade entre Navegadores</h2> - -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Suporte básico</td> - <td>0.2</td> - <td>{{ CompatGeckoDesktop("1") }}</td> - <td>9.0</td> - <td>9.0</td> - <td>3.1</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Suporte básico</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatGeckoMobile("1") }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<p><span style="font-size: 14px; line-height: 18px;">Propagação para este evento é suportada à partir do Gecko 1.9.2, Chrome 6, e Safari 4.</span></p> - -<h3 id="Cross-browser_fallback">Cross-browser fallback</h3> - -<p>O Internet Explorer 8 suporta o evento <code>readystatechange</code>, que pode ser usado para detectar quando o DOM está pronto. Em versões anteriores do Internet Explorer, este estado pode ser detectado tentando executar <code>document.documentElement.doScroll("left"); </code>repetidas vezes; este comando dará erro repetidamente, até que o DOM esteja pronto.</p> - -<p>Há também uma abundância de bibliotecas de propósito geral que oferecem métodos cross-browser para detectar se o DOM está pronto.</p> - -<h2 id="Eventos_Relacionados">Eventos Relacionados</h2> - -<ul> - <li>{{event("DOMContentLoaded")}}</li> - <li>{{event("readystatechange")}}</li> - <li>{{event("load")}}</li> - <li>{{event("beforeunload")}}</li> - <li>{{event("unload")}}</li> -</ul> diff --git a/files/pt-br/web/events/focus/index.html b/files/pt-br/web/events/focus/index.html deleted file mode 100644 index 9f6dd7117d..0000000000 --- a/files/pt-br/web/events/focus/index.html +++ /dev/null @@ -1,137 +0,0 @@ ---- -title: focus -slug: Web/Events/focus -translation_of: Web/API/Element/focus_event ---- -<p>O evento <code>focus</code> é acionado assim que um elemento recebe um foco. O grande diferencial entre este evento e o evento <a href="/en-US/docs/Mozilla_event_reference/focusin"><code>focusin</code></a>, é que esse segundo "borbulha".</p> - -<h2 id="Informações_Gerais">Informações Gerais</h2> - -<dl> - <dt style="float: left; text-align: right; width: 120px;">Especificação</dt> - <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focus">DOM L3</a></dd> - <dt style="float: left; text-align: right; width: 120px;">Interface</dt> - <dd style="margin: 0 0 0 120px;">{{ domxref("FocusEvent") }}</dd> - <dt style="float: left; text-align: right; width: 120px;">Borbulha</dt> - <dd style="margin: 0 0 0 120px;">Não</dd> - <dt style="float: left; text-align: right; width: 120px;">Cancelável</dt> - <dd style="margin: 0 0 0 120px;">Não</dd> - <dt style="float: left; text-align: right; width: 120px;">Alvo</dt> - <dd style="margin: 0 0 0 120px;">Element</dd> - <dt style="float: left; text-align: right; width: 120px;">Ação Padrão</dt> - <dd style="margin: 0 0 0 120px;">Nenhuma.</dd> -</dl> - -<div class="note">Note: The interface was {{ domxref("Event") }} prior to Gecko 24 {{ geckoRelease(24) }}. ({{ bug(855741) }})</div> - -<h2 id="Propriedades">Propriedades</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Property</th> - <th scope="col">Type</th> - <th scope="col">Description</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>target</code> {{readonlyInline}}</td> - <td>{{domxref("EventTarget")}}</td> - <td>Event target (DOM element)</td> - </tr> - <tr> - <td><code>type</code> {{readonlyInline}}</td> - <td>{{domxref("DOMString")}}</td> - <td>The type of event.</td> - </tr> - <tr> - <td><code>bubbles</code> {{readonlyInline}}</td> - <td>{{jsxref("Boolean")}}</td> - <td>Whether the event normally bubbles or not.</td> - </tr> - <tr> - <td><code>cancelable</code> {{readonlyInline}}</td> - <td>{{jsxref("Boolean")}}</td> - <td>Whether the event is cancellable or not.</td> - </tr> - <tr> - <td><code>relatedTarget</code> {{readonlyInline}}</td> - <td>{{domxref("EventTarget")}} (DOM element)</td> - <td>null</td> - </tr> - </tbody> -</table> - -<h2 id="Eventos_Delegados">Eventos Delegados</h2> - -<p>Existem 2 maneiras diferentes de implementações delegados a partir de um evento: por meio da utilização do evento <code>focusin</code> que todos os browsers atuais suportam tão tecnologia (todos exceto o Firefox), ou por setando o parâmetro "useCapture" do elemento <a href="/en-US/docs/DOM/element.addEventListener"><code>addEventListener</code></a> como <code>true</code>:</p> - -<p>{{ EmbedLiveSample('Event_delegation', '', '', '', 'Web/Events/blur') }}</p> - -<p>(Exemplo de codigo do evento <a href="/en-US/docs/Web/Events/blur">blur (event)</a>)</p> - -<h2 id="Compatibilidade_de_Browser">Compatibilidade de Browser</h2> - -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown()}}</td> - <td>{{CompatVersionUnknown()}}</td> - <td>{{CompatVersionUnknown()}}</td> - <td>{{CompatVersionUnknown()}}</td> - <td>{{CompatVersionUnknown()}}</td> - <td>{{CompatVersionUnknown()}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Edge</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>{{CompatUnknown()}}</td> - <td>{{CompatUnknown()}}</td> - <td>{{CompatUnknown()}}</td> - <td>{{CompatUnknown()}}</td> - <td>{{CompatUnknown()}}</td> - <td>{{CompatUnknown()}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="Eventos_Relacionais">Eventos Relacionais</h2> - -<ul> - <li>{{event("focus")}}</li> - <li>{{event("blur")}}</li> - <li>{{event("focusin")}}</li> - <li>{{event("focusout")}}</li> -</ul> diff --git a/files/pt-br/web/events/focusin/index.html b/files/pt-br/web/events/focusin/index.html deleted file mode 100644 index 797424de54..0000000000 --- a/files/pt-br/web/events/focusin/index.html +++ /dev/null @@ -1,125 +0,0 @@ ---- -title: focusin -slug: Web/Events/focusin -translation_of: Web/API/Element/focusin_event ---- -<p>O evento <code>focusin</code> é acionado no momento em que o elemento receba o foco. A grande diferença entre esse evento e o evento <code><a href="/en-US/docs/Mozilla_event_reference/focus_(event)">focus</a></code>, é que apenas o <code>focusin</code> delega o seu evento para o elemento pai (conhecido como bubbling ou deletegate).</p> - -<h2 id="Informações_Gerais">Informações Gerais</h2> - -<dl> - <dt style="float: left; text-align: right; width: 120px;">Especificação</dt> - <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusIn">DOM L3</a></dd> - <dt style="float: left; text-align: right; width: 120px;">Interface</dt> - <dd style="margin: 0 0 0 120px;">{{domxref("FocusEvent")}}</dd> - <dt style="float: left; text-align: right; width: 120px;">Borbulha</dt> - <dd style="margin: 0 0 0 120px;">Sim</dd> - <dt style="float: left; text-align: right; width: 120px;">Cancelável</dt> - <dd style="margin: 0 0 0 120px;">Não</dd> - <dt style="float: left; text-align: right; width: 120px;">Alvo</dt> - <dd style="margin: 0 0 0 120px;">Element</dd> - <dt style="float: left; text-align: right; width: 120px;">Ação Padrão</dt> - <dd style="margin: 0 0 0 120px;">Nenhuma.</dd> -</dl> - -<h2 id="Propriedades">Propriedades</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Property</th> - <th scope="col">Type</th> - <th scope="col">Description</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>target</code> {{readonlyInline}}</td> - <td>{{domxref("EventTarget")}}</td> - <td>Event target losing focus.</td> - </tr> - <tr> - <td><code>type</code> {{readonlyInline}}</td> - <td>{{domxref("DOMString")}}</td> - <td>The type of event.</td> - </tr> - <tr> - <td><code>bubbles</code> {{readonlyInline}}</td> - <td>{{jsxref("Boolean")}}</td> - <td>Whether the event normally bubbles or not.</td> - </tr> - <tr> - <td><code>cancelable</code> {{readonlyInline}}</td> - <td>{{jsxref("Boolean")}}</td> - <td>Whether the event is cancellable or not.</td> - </tr> - <tr> - <td><code>relatedTarget</code> {{readonlyInline}}</td> - <td>{{domxref("EventTarget")}} (DOM element)</td> - <td>Event target receiving focus.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilidade_com_Demais_Navegadores">Compatibilidade com Demais Navegadores</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop(52)}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Edge</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>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoMobile(52)}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="Eventos_Relacionais">Eventos Relacionais</h2> - -<ul> - <li>{{event("focus")}}</li> - <li>{{event("blur")}}</li> - <li>{{event("focusin")}}</li> - <li>{{event("focusout")}}</li> -</ul> diff --git a/files/pt-br/web/events/focusout/index.html b/files/pt-br/web/events/focusout/index.html deleted file mode 100644 index 8f72b211b2..0000000000 --- a/files/pt-br/web/events/focusout/index.html +++ /dev/null @@ -1,125 +0,0 @@ ---- -title: focusout -slug: Web/Events/focusout -translation_of: Web/API/Element/focusout_event ---- -<p>O evento <code>focusout</code> é acionado assim que o elemento perde o foco. A principal diferença entre esse evento e o evento <code><a href="/en-US/docs/Mozilla_event_reference/blur_(event)">blur</a></code>, é que esse ultimo não gera "borbulhas".</p> - -<h2 id="Informações_Gerais">Informações Gerais</h2> - -<dl> - <dt style="float: left; text-align: right; width: 120px;">Especificação</dt> - <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusout">DOM L3</a></dd> - <dt style="float: left; text-align: right; width: 120px;">Interface</dt> - <dd style="margin: 0 0 0 120px;">{{domxref("FocusEvent")}}</dd> - <dt style="float: left; text-align: right; width: 120px;">Borbulha</dt> - <dd style="margin: 0 0 0 120px;">Sim</dd> - <dt style="float: left; text-align: right; width: 120px;">Cancelável</dt> - <dd style="margin: 0 0 0 120px;">Não</dd> - <dt style="float: left; text-align: right; width: 120px;">Alvo</dt> - <dd style="margin: 0 0 0 120px;">Element</dd> - <dt style="float: left; text-align: right; width: 120px;">Ação Padrão</dt> - <dd style="margin: 0 0 0 120px;">Nenhuma.</dd> -</dl> - -<h2 id="Propriedades">Propriedades</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Property</th> - <th scope="col">Type</th> - <th scope="col">Description</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>target</code> {{readonlyInline}}</td> - <td>{{domxref("EventTarget")}}</td> - <td>Event target losing focus.</td> - </tr> - <tr> - <td><code>type</code> {{readonlyInline}}</td> - <td>{{domxref("DOMString")}}</td> - <td>The type of event.</td> - </tr> - <tr> - <td><code>bubbles</code> {{readonlyInline}}</td> - <td>{{jsxref("Boolean")}}</td> - <td>Whether the event normally bubbles or not.</td> - </tr> - <tr> - <td><code>cancelable</code> {{readonlyInline}}</td> - <td>{{jsxref("Boolean")}}</td> - <td>Whether the event is cancellable or not.</td> - </tr> - <tr> - <td><code>relatedTarget</code> {{readonlyInline}}</td> - <td>{{domxref("EventTarget")}} (DOM element)</td> - <td>Event target receiving focus.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilidade_dos_Navegadores">Compatibilidade dos Navegadores</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop(52)}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Edge</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>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoMobile(52)}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="Eventos_Relcionados">Eventos Relcionados</h2> - -<ul> - <li>{{event("focus")}}</li> - <li>{{event("blur")}}</li> - <li>{{event("focusin")}}</li> - <li>{{event("focusout")}}</li> -</ul> diff --git a/files/pt-br/web/events/input/index.html b/files/pt-br/web/events/input/index.html deleted file mode 100644 index dd69baf988..0000000000 --- a/files/pt-br/web/events/input/index.html +++ /dev/null @@ -1,248 +0,0 @@ ---- -title: input -slug: Web/Events/input -translation_of: Web/API/HTMLElement/input_event ---- -<p>O evento <code>input do </code>DOM é disparado sincronicamente quando o valor de um elemento {{HTMLElement("input")}}, {{HTMLElement("select")}}, ou {{HTMLElement("textarea")}} é alterado. (Para elementos input com <code>type=checkbox</code> ou <code>type=radio</code>, o evento <code>input</code> não é disparado quando o usuário clica no elemento, porque o valor do atributo não é alterado.) Além disso, o evento é disparado no <a href="/en-US/docs/Web/API/HTMLElement/contentEditable"><code>contenteditable</code></a> editors quando o seu conteúdo é alterado. Nesse caso, O alvo do evento é o elemento host da edição. Se houver dois ou mais elementos que tenha <code>contenteditable</code> como true, o "host de edição" é o elemento antepassado mais próximo cujo pai não é editável. Similarmente, ele também é disparado no element raiz do <a href="/en-US/docs/Web/API/Document/designMode"><code>designMode</code></a> editors.</p> - -<h2 id="Informações_gerais">Informações gerais</h2> - -<dl> - <dt>Specification</dt> - <dd><a class="external" href="https://html.spec.whatwg.org/multipage/forms.html#event-input-input">HTML5</a>, <a href="https://dvcs.w3.org/hg/dom3events/raw-file/tip/html/DOM3-Events.html#event-type-input">DOM Level 3 Events</a></dd> - <dt>Interface</dt> - <dd>{{domxref("Event")}}, {{domxref("InputEvent")}}</dd> - <dt>Bubbles</dt> - <dd>Yes</dd> - <dt>Cancelable</dt> - <dd>No</dd> - <dt>Target</dt> - <dd>Element</dd> - <dt>Default Action</dt> - <dd>The value or the content is modified.</dd> -</dl> - -<h2 id="Propriedades">Propriedades</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Property</th> - <th scope="col">Type</th> - <th scope="col">Description</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>target</code> {{readonlyInline}}</td> - <td>{{domxref("EventTarget")}}</td> - <td>The event target (the topmost target in the DOM tree).</td> - </tr> - <tr> - <td><code>type</code> {{readonlyInline}}</td> - <td>{{domxref("DOMString")}}</td> - <td>The type of event.</td> - </tr> - <tr> - <td><code>bubbles</code> {{readonlyInline}}</td> - <td>{{jsxref("Boolean")}}</td> - <td>Whether the event normally bubbles or not.</td> - </tr> - <tr> - <td><code>cancelable</code> {{readonlyInline}}</td> - <td>{{jsxref("Boolean")}}</td> - <td>Whether the event is cancellable or not.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilidade_dos_navegadores">Compatibilidade dos navegadores</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> - <td>9<sup>[2]</sup></td> - <td>{{CompatVersionUnknown}}<sup>[3]</sup></td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td>immediately after <code>compositionupdate</code></td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop("12")}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>15</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td>on <code>contenteditable</code> element</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop("14")}}</td> - <td>{{CompatNo}}<sup>[4]</sup> - <p> </p> - </td> - <td>15</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td>when <code>designMode</code> is "on"</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("14")}}</td> - <td>{{CompatNo}}</td> - <td>15</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td><code>data</code></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>isComposing</code></td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("31")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><select></td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("49")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Edge</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>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td>immediately after <code>compositionupdate</code></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoMobile("12")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>on <code>contenteditable</code> element</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoMobile("14")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td>when <code>designMode</code> is "on"</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoMobile("14")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>data</code></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>isComposing</code></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoMobile("31")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><select></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Prior to Gecko 12.0 {{geckoRelease("12.0")}}, Gecko didn't fire input events while composition was ongoing using IMEs or when dead keys were used on Mac OS X.</p> - -<p>[2] IE 9 does not fire an input event when the user deletes characters from an input (e.g. by pressing Backspace or Delete, or using the "Cut" operation).</p> - -<p>[3] Prior to Opera 15, Opera did not fire an input event after dropping text in an input field.</p> - -<p>[4] The event target is the innermost element at the caret position.</p> - -<h2 id="Veja_também">Veja também</h2> - -<ul> - <li>{{event("keydown")}}</li> - <li>{{event("keyup")}}</li> - <li>{{event("keypress")}}</li> - <li>{{event("input")}}</li> -</ul> - -<p>Also the <code><a href="/en-US/docs/Web/Reference/Events/change">change</a></code> event is related. <code>change</code> fires less often than <code>input</code> – it only fires when the changes are committed by the user.</p> diff --git a/files/pt-br/web/events/load/index.html b/files/pt-br/web/events/load/index.html deleted file mode 100644 index db04b1ecbe..0000000000 --- a/files/pt-br/web/events/load/index.html +++ /dev/null @@ -1,89 +0,0 @@ ---- -title: load -slug: Web/Events/load -translation_of: Web/API/Window/load_event ---- -<pre dir="ltr" id="tw-target-text">O evento de <code>load</code> é acionado quando um recurso e seus recursos -dependentes terminaram de carregar.</pre> - -<h2 id="Informações_Gerais">Informações Gerais</h2> - -<dl> - <dt style="float: left; text-align: right; width: 120px;">Especificação</dt> - <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-load">DOM L3</a></dd> - <dt style="float: left; text-align: right; width: 120px;">Interface</dt> - <dd style="margin: 0 0 0 120px;">UIEvent</dd> - <dt style="float: left; text-align: right; width: 120px;">Bubbles</dt> - <dd style="margin: 0 0 0 120px;">Não</dd> - <dt style="float: left; text-align: right; width: 120px;">Cancelavel</dt> - <dd style="margin: 0 0 0 120px;">Não</dd> - <dt style="float: left; text-align: right; width: 120px;">Alvo</dt> - <dd style="margin: 0 0 0 120px;">Window</dd> - <dt style="float: left; text-align: right; width: 120px;">Ação Padrão</dt> - <dd style="margin: 0 0 0 120px;">Nenhuma.</dd> -</dl> - -<h2 id="Propriedades">Propriedades</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Property</th> - <th scope="col">Type</th> - <th scope="col">Description</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>target</code> {{readonlyInline}}</td> - <td><a href="/en-US/docs/Web/API/EventTarget" title="EventTarget is an interface implemented by objects that can receive events and may have listeners for them."><code>EventTarget</code></a></td> - <td>The event target (the topmost target in the DOM tree).</td> - </tr> - <tr> - <td><code>type</code> {{readonlyInline}}</td> - <td><a href="/en-US/docs/Web/API/DOMString" title="DOMString is a UTF-16 String. As JavaScript already uses such strings, DOMString is mapped directly to a String."><code>DOMString</code></a></td> - <td>The type of event.</td> - </tr> - <tr> - <td><code>bubbles</code> {{readonlyInline}}</td> - <td><a href="/en-US/docs/Web/API/Boolean" title="The Boolean object is an object wrapper for a boolean value."><code>Boolean</code></a></td> - <td>Whether the event normally bubbles or not.</td> - </tr> - <tr> - <td><code>cancelable</code> {{readonlyInline}}</td> - <td><a href="/en-US/docs/Web/API/Boolean" title="The Boolean object is an object wrapper for a boolean value."><code>Boolean</code></a></td> - <td>Whether the event is cancellable or not.</td> - </tr> - <tr> - <td><code>view</code> {{readonlyInline}}</td> - <td><a class="new" href="/en-US/docs/Web/API/WindowProxy" rel="nofollow" title="The documentation about this has not yet been written; please consider contributing!"><code>WindowProxy</code></a></td> - <td><a href="/en-US/docs/Web/API/Document/defaultView" title="In browsers, document.defaultView returns the window object associated with a document, or null if none is available."><code>document.defaultView</code></a> (<code>window</code> of the document)</td> - </tr> - <tr> - <td><code>detail</code> {{readonlyInline}}</td> - <td><code>long</code> (<code>float</code>)</td> - <td>0.</td> - </tr> - </tbody> -</table> - -<h2 id="Exemplo">Exemplo</h2> - -<pre class="brush: html"><script> - window.addEventListener("load", function(event) { - console.log("Todos os recursos terminaram o carregamento!"); - }); -</script> -</pre> - -<p> </p> - -<h2 id="Eventos_Relacionados">Eventos Relacionados</h2> - -<ul> - <li>{{event("DOMContentLoaded")}}</li> - <li>{{event("readystatechange")}}</li> - <li>{{event("load")}}</li> - <li>{{event("beforeunload")}}</li> - <li>{{event("unload")}}</li> -</ul> diff --git a/files/pt-br/web/events/readystatechange/index.html b/files/pt-br/web/events/readystatechange/index.html deleted file mode 100644 index 185350cb54..0000000000 --- a/files/pt-br/web/events/readystatechange/index.html +++ /dev/null @@ -1,83 +0,0 @@ ---- -title: readystatechange -slug: Web/Events/readystatechange -translation_of: Web/API/Document/readystatechange_event ---- -<p>{{ApiRef}}</p> - -<p>O evento <code>readystatechange</code> é ativado quando o atributo <a href="https://developer.mozilla.org/pt-BR/docs/Web/API/Document/readyState"><code>readyState</code></a> de um documento é alterado.</p> - -<h2 id="Informações_gerais">Informações gerais</h2> - -<dl> - <dt style="float: left; text-align: right; width: 120px;">Especificação</dt> - <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dom.html#current-document-readiness">HTML5</a></dd> - <dt style="float: left; text-align: right; width: 120px;">Interface</dt> - <dd style="margin: 0 0 0 120px;">Event</dd> - <dt style="float: left; text-align: right; width: 120px;">Propaga</dt> - <dd style="margin: 0 0 0 120px;">Não</dd> - <dt style="float: left; text-align: right; width: 120px;">Cancelável</dt> - <dd style="margin: 0 0 0 120px;">Não</dd> - <dt style="float: left; text-align: right; width: 120px;">Alvo</dt> - <dd style="margin: 0 0 0 120px;">Document</dd> - <dt style="float: left; text-align: right; width: 120px;">Ação Padrão</dt> - <dd style="margin: 0 0 0 120px;">Nenhuma.</dd> -</dl> - -<h2 id="Propriedades">Propriedades</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Property</th> - <th scope="col">Type</th> - <th scope="col">Description</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>target</code> {{readonlyInline}}</td> - <td>{{domxref("EventTarget")}}</td> - <td>The event target (the topmost target in the DOM tree).</td> - </tr> - <tr> - <td><code>type</code> {{readonlyInline}}</td> - <td>{{domxref("DOMString")}}</td> - <td>The type of event.</td> - </tr> - <tr> - <td><code>bubbles</code> {{readonlyInline}}</td> - <td>{{jsxref("Boolean")}}</td> - <td>Whether the event normally bubbles or not.</td> - </tr> - <tr> - <td><code>cancelable</code> {{readonlyInline}}</td> - <td>{{jsxref("Boolean")}}</td> - <td>Whether the event is cancellable or not.</td> - </tr> - </tbody> -</table> - -<h2 id="Exemplo">Exemplo</h2> - -<pre class="brush: js">// alternativa ao DOMContentLoaded -document.onreadystatechange = function () { - if (document.readyState == "interactive") { - initApplication(); - } -} -</pre> - -<h2 id="Compatibilidade_entre_Navegadores">Compatibilidade entre Navegadores</h2> - -<p>Este evento tem sido suportado pelo Internet Explorer há várias versões, e pode ser usada como uma alternativa para o evento <a href="/en-US/docs/Mozilla_event_reference/DOMContentLoaded_(event)"><code>DOMContentLoaded</code></a> (veja a seção <a href="/pt-BR/docs/Web/Events/DOMContentLoaded#Cross-browser_fallback">cross-browser fallback</a>).</p> - -<h2 id="Eventos_Relacionados">Eventos Relacionados</h2> - -<ul> - <li>{{event("DOMContentLoaded")}}</li> - <li>{{event("readystatechange")}}</li> - <li>{{event("load")}}</li> - <li>{{event("beforeunload")}}</li> - <li>{{event("unload")}}</li> -</ul> |