Skip to main content
adicionou 264 caracteres ao conteúdo
Fonte Link
Icaro Martins
  • 4,3mil
  • 14
  • 24
  • 35

Você pode utilizar o evento onblur que é disparado quando um elemento perde o foco, veja o exemplo abaixo:

let el = document.getElementById("hLane1");

el.onblur = function(){
   console.log("blur", "saiu do input" , this);
   /// ; utilizando desta forma o this aqui dentro sera o input
}
el.onfocus = function(){
   console.log("focus", "focou no input");
}
<input type="text" class="form-control" style=" width: 20%" id="hLane1"> </input>

Uma das vantagens de utilizar o onblur ao invés de um onclik fora do input é que se o usuário estiver navegando através da tecla TAB esse evento também sera disparado.

Você pode utilizar o evento onblur que é disparado quando um elemento perde o foco, veja o exemplo abaixo:

let el = document.getElementById("hLane1");

el.onblur = function(){
   console.log("blur", "saiu do input");
}
el.onfocus = function(){
   console.log("focus", "focou no input");
}
<input type="text" class="form-control" style=" width: 20%" id="hLane1"> </input>

Você pode utilizar o evento onblur que é disparado quando um elemento perde o foco, veja o exemplo abaixo:

let el = document.getElementById("hLane1");

el.onblur = function(){
   console.log("blur", "saiu do input" , this);
   /// ; utilizando desta forma o this aqui dentro sera o input
}
el.onfocus = function(){
   console.log("focus", "focou no input");
}
<input type="text" class="form-control" style=" width: 20%" id="hLane1"> </input>

Uma das vantagens de utilizar o onblur ao invés de um onclik fora do input é que se o usuário estiver navegando através da tecla TAB esse evento também sera disparado.

Fonte Link
Icaro Martins
  • 4,3mil
  • 14
  • 24
  • 35

Você pode utilizar o evento onblur que é disparado quando um elemento perde o foco, veja o exemplo abaixo:

let el = document.getElementById("hLane1");

el.onblur = function(){
   console.log("blur", "saiu do input");
}
el.onfocus = function(){
   console.log("focus", "focou no input");
}
<input type="text" class="form-control" style=" width: 20%" id="hLane1"> </input>