A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://developer.mozilla.org/es/docs/orphaned/Web/API/HTMLOrForeignElement/focus below:

HTMLElement.focus() | MDN

HTMLElement.focus()

El método HTMLElement.focus() fija el foco del cursor en el elemento indicado, si éste puede ser enfocado.

Sintaxis
element.focus();
element.focus(focusOption); // Object parameter
Parámetros
focusOptions Opcional Experimental

Es un objeto con la siguiente propiedad:

preventScroll Opcional

Es un valor Boolean:

  • Si es false, el método hará scroll hasta que el elemento esté visible en la ventana del navegador
  • Si es true, el método NO hará scroll hasta que el elemento esté visible en la ventana del navegador.
Ejemplos Enfocar un campo de texto JavaScript
focusMethod = function getFocus() {
  document.getElementById("myTextField").focus();
}
HTML
<input type="text" id="myTextField" value="Campo de texto.">
<p></p>
<button type="button" onclick="focusMethod()">¡Púlsame para enfocar el campo de texto!</button>
Resultado Enfocar un botón JavaScript
focusMethod = function getFocus() {
  document.getElementById("myButton").focus();
}
HTML
<button type="button" id="myButton">Púlsame!</button>
<p></p>
<button type="button" onclick="focusMethod()">¡Púlsame para enfocar el botón!</button>
Resultado Enfocar con focusOption JavaScript
focusScrollMethod = function getFocus() {
  document.getElementById("myButton").focus({preventScroll:false});
}
focusNoScrollMethod = function getFocusWithoutScrolling() {
  document.getElementById("myButton").focus({preventScroll:true});
}
HTML
<button type="button" onclick="focusScrollMethod()">¡Púlsame para enfocar el botón!</button>
<button type="button" onclick="focusNoScrollMethod()">¡Púlsame para enfocar el botón sin hacer scroll!</button>

<div id="container" style="height: 1000px; width: 1000px;">
<button type="button" id="myButton" style="margin-top: 500px;">¡Púlsame!</button>
</div>
Resultado Notas

Si se llama a HTMLElement.focus() desde un gestor de eventos "mousedown" (ratón presionado), se debe también llamar al método event.preventDefault() para evitar que el foco abandone HTMLElement.

Ver también

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4