diff options
Diffstat (limited to 'files/pt-br/orphaned')
| -rw-r--r-- | files/pt-br/orphaned/web/api/htmlorforeignelement/blur/index.html | 88 | ||||
| -rw-r--r-- | files/pt-br/orphaned/web/api/htmlorforeignelement/focus/index.html | 63 |
2 files changed, 151 insertions, 0 deletions
diff --git a/files/pt-br/orphaned/web/api/htmlorforeignelement/blur/index.html b/files/pt-br/orphaned/web/api/htmlorforeignelement/blur/index.html new file mode 100644 index 0000000000..2ce85ac57e --- /dev/null +++ b/files/pt-br/orphaned/web/api/htmlorforeignelement/blur/index.html @@ -0,0 +1,88 @@ +--- +title: HTMLElement.blur() +slug: orphaned/Web/API/HTMLOrForeignElement/blur +tags: + - API + - DOM HTML + - Foco + - HTMLElement + - Referencia + - metodo +translation_of: Web/API/HTMLOrForeignElement/blur +original_slug: 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"><input type="text" id="meuTexto" value="Texto Exemplo"> +<br><br> +<button type="button" onclick="focusInput()">Clique para definir o foco</button> +<button type="button" onclick="blurInput()">Clique para remover o foco</button></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="Browser_compatibility">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/orphaned/web/api/htmlorforeignelement/focus/index.html b/files/pt-br/orphaned/web/api/htmlorforeignelement/focus/index.html new file mode 100644 index 0000000000..d2da909bc6 --- /dev/null +++ b/files/pt-br/orphaned/web/api/htmlorforeignelement/focus/index.html @@ -0,0 +1,63 @@ +--- +title: HTMLElement.focus() +slug: orphaned/Web/API/HTMLOrForeignElement/focus +translation_of: Web/API/HTMLOrForeignElement/focus +original_slug: 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> |