--- title: GlobalEventHandlers.onblur slug: Web/API/GlobalEventHandlers/onblur tags: - API - HTML DOM - Propriedade - Referencia translation_of: Web/API/GlobalEventHandlers/onblur ---

The onblur property returns the onBlur event handler code, if any, that exists on the current element.

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
{{SpecName('HTML WHATWG','webappapis.html#handler-onblur','onblur')}}	{{Spec2('HTML WHATWG')}}