aboutsummaryrefslogtreecommitdiff
path: root/files/pt-br/web/api/htmlelement
diff options
context:
space:
mode:
Diffstat (limited to 'files/pt-br/web/api/htmlelement')
-rw-r--r--files/pt-br/web/api/htmlelement/accesskey/index.html20
-rw-r--r--files/pt-br/web/api/htmlelement/blur/index.html89
-rw-r--r--files/pt-br/web/api/htmlelement/dataset/index.html97
-rw-r--r--files/pt-br/web/api/htmlelement/focus/index.html62
-rw-r--r--files/pt-br/web/api/htmlelement/innertext/index.html87
-rw-r--r--files/pt-br/web/api/htmlelement/input_event/index.html249
6 files changed, 356 insertions, 248 deletions
diff --git a/files/pt-br/web/api/htmlelement/accesskey/index.html b/files/pt-br/web/api/htmlelement/accesskey/index.html
new file mode 100644
index 0000000000..0e33c34d8e
--- /dev/null
+++ b/files/pt-br/web/api/htmlelement/accesskey/index.html
@@ -0,0 +1,20 @@
+---
+title: Element.accessKey
+slug: Web/API/HTMLElement/accessKey
+translation_of: Web/API/HTMLElement/accessKey
+translation_of_original: Web/API/Element/accessKey
+original_slug: Web/API/Element/accessKey
+---
+<div>{{APIRef("DOM")}}</div>
+
+<div> </div>
+
+<p>A propriedade <font face="Consolas, Monaco, Andale Mono, monospace"><strong>Element.accessKey</strong></font> define a tecla pelo qual o usuário pode pressionar para saltar para este elemento.</p>
+
+<div class="note">
+<p>Nota: <em>A propriedade <strong>Element.accessKey </strong>é<strong> </strong>raramente usada por causa dos conflitos múltiplos com os atalhos pré-definidos nos navegadores. Para contornar isto, os navegadores implementam o comportamento da tecla de acesso se as teclas são pressionadas com outras teclas "qualificadas" (como Alt + tecla de acesso).</em></p>
+</div>
+
+<p> </p>
+
+<p> </p>
diff --git a/files/pt-br/web/api/htmlelement/blur/index.html b/files/pt-br/web/api/htmlelement/blur/index.html
deleted file mode 100644
index 25a2273aec..0000000000
--- a/files/pt-br/web/api/htmlelement/blur/index.html
+++ /dev/null
@@ -1,89 +0,0 @@
----
-title: HTMLElement.blur()
-slug: Web/API/HTMLElement/blur
-tags:
- - API
- - DOM HTML
- - Foco
- - HTMLElement
- - Referencia
- - metodo
-translation_of: Web/API/HTMLOrForeignElement/blur
----
-<div>{{ APIRef("HTML DOM") }}</div>
-
-<p>O método <code><strong>HTMLElement.blur()</strong></code> remove o foco do teclado no elemento corrente.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox"><em>elemento</em>.blur();</pre>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Removendo_o_foco_de_um_input_de_texto">Removendo o foco de um input de texto</h3>
-
-<h4 id="HTML">HTML</h4>
-
-<pre class="brush: html">&lt;input type="text" id="meuTexto" value="Texto Exemplo"&gt;
-&lt;br&gt;&lt;br&gt;
-&lt;button type="button" onclick="focusInput()"&gt;Clique para definir o foco&lt;/button&gt;
-&lt;button type="button" onclick="blurInput()"&gt;Clique para remover o foco&lt;/button&gt;</pre>
-
-<h4 id="JavaScript">JavaScript</h4>
-
-<pre class="brush: js">function focusInput() {
- document.getElementById('meuTexto').focus();
-}
-function blurInput() {
- document.getElementById('meuTexto').blur();
-}</pre>
-
-<h4 id="Resultado">Resultado</h4>
-
-<p>{{ EmbedLiveSample('Remove_focus_from_a_text_input') }}</p>
-
-<h2 id="Especificação">Especificação</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Status</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('HTML WHATWG', 'editing.html#dom-blur', 'blur')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('HTML5.1', 'editing.html#blur()-0', 'blur')}}</td>
- <td>{{Spec2('HTML5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('HTML5 W3C', 'editing.html#dom-blur', 'blur')}}</td>
- <td>{{Spec2('HTML5 W3C')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('DOM2 HTML', 'html.html#ID-28216144', 'blur')}}</td>
- <td>{{Spec2('DOM2 HTML')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h2>
-
-
-
-<p>{{Compat("api.HTMLElement.blur")}}</p>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li>Método DOM {{domxref("HTMLElement.focus()")}}</li>
-</ul>
diff --git a/files/pt-br/web/api/htmlelement/dataset/index.html b/files/pt-br/web/api/htmlelement/dataset/index.html
deleted file mode 100644
index 2cb4ba63b0..0000000000
--- a/files/pt-br/web/api/htmlelement/dataset/index.html
+++ /dev/null
@@ -1,97 +0,0 @@
----
-title: HTMLElement.dataset
-slug: Web/API/HTMLElement/dataset
-translation_of: Web/API/HTMLOrForeignElement/dataset
----
-<p>{{ APIRef }}</p>
-
-<p>A propriedade <code><strong>HTMLElement.dataset</strong></code> permite o acesso, em modo de leitura e escrita, a todos os <a href="/en/HTML/Global_attributes#attr-data-*" title="https://developer.mozilla.org/en/HTML/Global_attributes#attr-data-*">atributos de dados personalizado</a> (<em>data-*</em>) no elemento. Ele é um mapa de <a href="/en/DOM/DOMStringMap" title="en/DOM/DOMStringMap">DOMString</a>, com uma entrada para cada atributo de dados personalizado.</p>
-
-<p>O nome de um atributo de dados customizado inicia com <code>data-</code>. Ele deve conter somente letras, números e os seguintes caracteres: dash (<code>-</code>), dot (<code>.</code>), collon(<code>:</code>), underscore (<code>_</code>). Além disso, ele não deve conter letras ASCII captalizadas (<code>A</code> à <code>Z</code>).</p>
-
-<p>Um atributo de dados personalizado é transformado em uma chave para uma entrada no {{ domxref("DOMStringMap") }} de acordo com as seguintes regras</p>
-
-<ul>
- <li>O prefixo <code>data-</code> é removido (incluindo o dash);</li>
- <li>Para qualquer dash (<code>U+002D</code>) seguido por uma ASCII letra minúscula (<code>a</code><span style="line-height: 1.5;"> à </span><code>z</code>)<span style="line-height: 1.5;">, o dash é removido e a letra que segue é tranformada em maíscula;</span></li>
- <li>outros caracteres (incluindo outros dash) são deixados inalterados.</li>
-</ul>
-
-<p>A transformação oposta, que mapeia uma chave para um nome de atributo, usa as seguintes regras:</p>
-
-<ul>
- <li>Restrição: um dash pode não ser imediatamente seguido de uma letra ASCII minúscula (<code>a</code> à <code>z</code>)(antes da transformação);</li>
- <li>Um prefixo <code>data-</code> é adicionado;</li>
- <li>Qualquer caractere ASCII maiúsculo (<code>A</code> à <code>Z</code>) é transformado em um dash seguido pela sua forma mínúscula;</li>
- <li>outros caracteres são deixados inalterados.</li>
-</ul>
-
-<p>A restrição nas regras acima garantem que as duas trasnformações são inversa uma da outra.</p>
-
-<p>Por exemplo, o atributo <code>data-abc-def</code> corresponde a chave <code>abcDef</code>.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox"><em>string</em> = <em>element</em>.dataset.<em>camelCasedName</em>;
-<em>element.</em>dataset.<em>camelCasedName</em> = <em>string</em>;</pre>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<pre class="brush: js">&lt;div id="user" data-id="1234567890" data-user="johndoe" data-date-of-birth&gt;John Doe
-&lt;/div&gt;
-
-var el = document.querySelector('#user');
-
-// el.id == 'user'
-// el.dataset.id === '1234567890'
-// el.dataset.user === 'johndoe'
-// el.dataset.dateOfBirth === ''
-
-el.dataset.dateOfBirth = '1960-10-03'; // set the DOB.
-
-// 'someDataAttr' in el.dataset === false
-
-el.dataset.someDataAttr = 'mydata';
-// 'someDataAttr' in el.dataset === true
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Espeficicação</th>
- <th scope="col">Status</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('HTML WHATWG', "dom.html#dom-dataset", "HTMLElement.dataset")}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td>Sem mudanças desde o último  snapshot, {{SpecName('HTML5.1')}}</td>
- </tr>
- <tr>
- <td>{{SpecName('HTML5.1', "dom.html#dom-dataset", "HTMLElement.dataset")}}</td>
- <td>{{Spec2('HTML5.1')}}</td>
- <td>Snapshot de {{SpecName('HTML WHATWG')}}, sem mudanças desde {{SpecName('HTML5 W3C')}}</td>
- </tr>
- <tr>
- <td>{{SpecName('HTML5 W3C', "dom.html#dom-dataset", "HTMLElement.dataset")}}</td>
- <td>{{Spec2('HTML5 W3C')}}</td>
- <td>Snapshot de {{SpecName('HTML WHATWG')}}, definição inicial.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_com_Browsers">Compatibilidade com Browsers</h2>
-
-<div class="hidden">
-<p>The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>and send us a pull request.</p>
-</div>
-
-<p>{{Compat("api.HTMLElement.dataset")}}</p>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li>A classe HTML <a href="/en-US/docs/Web/HTML/Global_attributes/data-*"><strong>data-*</strong></a> de atributos globais.</li>
-</ul>
diff --git a/files/pt-br/web/api/htmlelement/focus/index.html b/files/pt-br/web/api/htmlelement/focus/index.html
deleted file mode 100644
index 8f798b3d86..0000000000
--- a/files/pt-br/web/api/htmlelement/focus/index.html
+++ /dev/null
@@ -1,62 +0,0 @@
----
-title: HTMLElement.focus()
-slug: Web/API/HTMLElement/focus
-translation_of: Web/API/HTMLOrForeignElement/focus
----
-<div>{{ APIRef("HTML DOM") }}</div>
-
-<p>O método <strong><code>HTMLElement.focus()</code></strong>  seta o foco em um determinado elemento em especifico, caso esse elemento permita ter o foco neste elemento.</p>
-
-<h2 id="Syntax" name="Syntax">Síntaxe</h2>
-
-<pre class="syntaxbox">element.focus()</pre>
-
-<h2 id="Specification" name="Specification">Especificação</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Status</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('HTML WHATWG', 'editing.html#dom-focus', 'focus')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('HTML5.1', 'editing.html#focus()-0', 'focus')}}</td>
- <td>{{Spec2('HTML5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('HTML5 W3C', 'editing.html#dom-focus', 'focus')}}</td>
- <td>{{Spec2('HTML5 W3C')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('DOM2 HTML', 'html.html#ID-32130014', 'focus')}}</td>
- <td>{{Spec2('DOM2 HTML')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('DOM1', 'level-one-html.html#method-focus', 'focus')}}</td>
- <td>{{Spec2('DOM1')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Notas">Notas</h2>
-
-<p>Caso você utilize o <code>HTMLElement.focus()</code> por meio da manipulação de um evento mousedown , você deve utilizar o evento <code>event.preventDefault()</code> a fim de o foco não sair do arquivo <code>HTMLElement</code>.</p>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li>Método DOM {{domxref("HTMLElement.blur()")}} para remover o foco de um determinado elemento.</li>
- <li>{{ domxref("document.activeElement") }} para saber qual elemento do html que está com o foco. </li>
-</ul>
diff --git a/files/pt-br/web/api/htmlelement/innertext/index.html b/files/pt-br/web/api/htmlelement/innertext/index.html
new file mode 100644
index 0000000000..8a6f33ed32
--- /dev/null
+++ b/files/pt-br/web/api/htmlelement/innertext/index.html
@@ -0,0 +1,87 @@
+---
+title: Node.innerText
+slug: Web/API/HTMLElement/innerText
+translation_of: Web/API/HTMLElement/innerText
+original_slug: Web/API/Node/innerText
+---
+<div>{{APIRef("DOM")}}</div>
+
+<h2 id="Resumo">Resumo</h2>
+
+<p><code><strong>Node.innerText</strong></code> é uma propriedade que representa o conteúdo textual "renderizado" de um nó e seus descendentes. Usada como <a href="/pt-BR/docs/">getter</a>, retorna de maneira aproximada o texto que o usuário obteria caso tivesse selecionado o conteúdo e copiado para a área de transferência. Este recurso fora introduzido originalmente pelo Internet Explorer, mas foi oficialmente especificado no padrão HTML apenas em 2016, sendo adotado por todos os principais navegadores a partir de então.</p>
+
+<p>{{domxref("Node.textContent")}} é uma alternativa similar, embora existam diferenças significativas entre as duas.</p>
+
+<h2 id="Especificação">Especificação</h2>
+
+<table class="standard-table">
+ <tbody>
+ <tr>
+ <th scope="col">Especificação</th>
+ <th scope="col">Status</th>
+ <th scope="col">Comentário</th>
+ </tr>
+ <tr>
+ <td>{{SpecName('HTML WHATWG', 'dom.html#the-innertext-idl-attribute', 'innerText')}}</td>
+ <td>{{Spec2('HTML WHATWG')}}</td>
+ <td>Introduzida, baseado no <a href="https://github.com/rocallahan/innerText-spec">rascunho da especifição de innerText</a>. Ver <a href="https://github.com/whatwg/html/issues/465">whatwg/html#465</a> e <a href="https://github.com/whatwg/compat/issues/5">whatwg/compat#5</a> para histórico.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilidade de navegadores</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Recurso</th>
+ <th>Chrome</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari (WebKit)</th>
+ </tr>
+ <tr>
+ <td>Suporte básico</td>
+ <td>4</td>
+ <td>{{ CompatGeckoDesktop(45) }}</td>
+ <td>6</td>
+ <td>9.6 (provavelmente antes)</td>
+ <td>3</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Recurso</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>2.3 (provavelmente antes)</td>
+ <td>{{ CompatGeckoMobile(45) }}</td>
+ <td>10 (provavelmente antes)</td>
+ <td>12</td>
+ <td>4.1 (provavelmente antes)</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Ver_também">Ver também</h2>
+
+<ul>
+ <li>{{domxref("HTMLElement.outerText")}}</li>
+ <li>{{domxref("Element.innerHTML")}}</li>
+</ul>
diff --git a/files/pt-br/web/api/htmlelement/input_event/index.html b/files/pt-br/web/api/htmlelement/input_event/index.html
new file mode 100644
index 0000000000..ed3453b49a
--- /dev/null
+++ b/files/pt-br/web/api/htmlelement/input_event/index.html
@@ -0,0 +1,249 @@
+---
+title: input
+slug: Web/API/HTMLElement/input_event
+translation_of: Web/API/HTMLElement/input_event
+original_slug: Web/Events/input
+---
+<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>&lt;select&gt;</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>&lt;select&gt;</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>
generated by cgit v1.2.3-54-g00ecf (git 2.39.0) at 2025-01-31 20:16:48 +0000