GlobalEventHandlers.onblur

La propiedad onblur retorna el c贸digo del manejador de evento onBlur, si existe, en el elemento actual.

Sintaxis

element.onblur = function;
  • function es el nombre de una funci贸n definida por el usuario, sin el sufijo () ni ning煤n par谩metro, o una declaraci贸n de funci贸n an贸nima, como:
element.onblur = function() { console.log("隆evento onblur detectado!"); };

Ejemplo

<html>

<head>
<title>ejemplo de evento onblur</title>

<script type="text/javascript">

var elem = null;

function initElement()
{
  elem = document.getElementById("foo");
  // NOTA: doEvent(); 贸 doEvent(param); no funcionar谩 aqu铆.
  // Debe ser una referencia a un nombre de funci贸n, no una llamada a funci贸n.
  elem.onblur = doEvent;
};

function doEvent()
{
  elem.value = 'Bye-Bye';
  console.log("隆Evento onblur detectado!")
}
</script>

<style type="text/css">
<!--
#foo {
border: solid blue 2px;
}
-->
</style>
</head>

<body onload="initElement();">
<form>
<input type="text" id="foo" value="Hola!" />
</form>

<p>Haga click en el elemento superior to darle el foco, luego click fuera del elemento.<br />
Recarge la p谩gina desde la barra de navegaci贸n.</p>

</body>
</html>

Notas

El evento blur es generado cuando un elemento pierde el foco.

A diferencia de MSIE --en el cual la mayor铆a de tipos de elementos reciben el evento blur--  la mayor铆a de elementos de los navegadores basados en Gecko NO funcionan con este evento.

Especificaci贸n

Especificaci贸n Estado Observaciones
HTML Living Standard
La definici贸n de 'onblur' en esta especificaci贸n.
Living Standard