onfocus event

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



The onfocus event activates when an element receives 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 received 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 received focus

Example:

The following would draw a red border around the element once it receives focus.

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