Manual de referencia de HTML

大全 de etiquetas HTML

Atributo de evento onfocus en HTML

La propiedad onfocus se utiliza para obtener o establecer la función de manejo de eventos del evento de foco del elemento actual. El evento de foco se activa cuando el elemento actual recibe el foco del teclado.

Atributos de eventos HTML

Ejemplo en línea

Ejecuta el script cuando el campo de entrada recibe el foco:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<title>Uso del atributo de evento onfocus en HTML (Tutoriales básicos de la red oldtoolbag.com)</title>
<script>
function setStyle(x)
{
　　　　document.getElementById(x).style.background="yellow";
}
</script>
</head>
<body>
<p> Cuando el campo de entrada recibe el foco, se activa la función setStyle. Esta función cambia el color de fondo del campo de entrada.</p>
El primer nombre: <input type="text" id="fname" onfocus="setStyle(this.id)"><br>
El último nombre: <input type="text" id="lname" onfocus="setStyle(this.id)">
</body>
</html>

Prueba aquí ‹/›

Compatibilidad con navegadores

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten el atributo de evento onfocus

Definición y uso

El atributo onfocus se desencadena cuando el elemento recibe el foco.

Onfocus se utiliza generalmente con <input>, <select> y <a>.

Consejo:El evento de atributo opuesto a onfocus esonblur .

Nota: El atributo onfocus no se puede usar en los siguientes elementos: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, o <title>.

HTML 4.01 y HTML5las diferencias entre

Ninguna.

Sintaxis

<elemento onfocus="script">

Valor del atributo

Valor	Descripción
script	Especifica el script que se debe ejecutar cuando se desencadena el evento onfocus

Atributos de eventos HTML

HTML: <template> etiqueta