onblur event

Owned by Alex Roytman
Last updated: Aug 16, 2023 by Jessica Tomkins
1 min read



The onblur event activates when an element loses focus.  The event can be specified as a JavaScript expression or the name of a JavaScript function.  

If an expression is used, the JavaScript keyword this refers to the element that lost focus.  

If the name of a function is used, the function will receive 2 parameters when called: 

  • The browser event object

  • A reference to the element that lost focus

Example:

The following would draw a red border around the element with focus.  When the element loses focus, the border is removed.

onfocus: this.style.border = "1px solid red";

onblur: this.style.border = "";