GlobalEventHandlers.onblur

A propriedade onblur retorna o código que vai lidar com o evento onBlur, se houver, que existe no elemento atual.

Sintaxe

element.onblur = function;

function é o nome de uma função definida pelo usuário, sem o sufixo () ou qualquer parâmetro, ou uma declaração de função anônima, como por exemplo

element.onblur = function() { console.log("evento onblur detectado!"); };

Exemplo

<html>

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

<script type="text/javascript">

var elem = null;

function initElement()
{
  elem = document.getElementById("foo");
  // NOTA: doEvent(); ou doEvent(param); NÃO irão funcionar aqui.
  // Deve ser uma referência ao nome da função, não à chamada da função.
  elem.onblur = doEvent;
};

function doEvent()
{
  elem.value = 'Tchauzinho';
  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="Olá!" />
</form>

<p>Clique no elemento acima para dá-lo focus, depois clique fora do elemento.<br /> Recarregue a pagina através do NavBar.</p>

</body>
</html>

Notas

O evento blur aparece quando um elemento perde o focus.

Em contraste cp, MSIE--O qual faz quase todos os elementos receberem o evento blur--quase todos os elementos em navegadores baseados no Gecko NÃO funcionam com este evento.

Especificações

Especificação	Status	Comentário
HTML Living Standard The definition of 'onblur' in that specification.	Padrão em tempo real