HTML onfocus Event Attribute
Example
Execute a JavaScript when an input field gets focus:
<input type="text" id="fname" onfocus="myFunction(this.id)">
Try it yourself »
More "Try it Yourself" examples below.
Definition and Usage
The onfocus attribute fires the moment that the element gets focus.
Onfocus is most often used with <input>, <select>, and <a>.
Tip: The onfocus attribute is the opposite of the onblur attribute.
Browser Support
| Event Attribute | |||||
|---|---|---|---|---|---|
| onfocus | Yes | Yes | Yes | Yes | Yes |
Differences Between HTML 4.01 and HTML5
None.
Syntax
<element onfocus="script">
Attribute Values
| Value | Description |
|---|---|
| script | The script to be run on onfocus |
Technical Details
| Supported HTML tags: | All HTML elements, EXCEPT: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title> |
|---|
More Examples
Example
Using "onblur" together with the "onfocus" attribute:
<input type="text" onfocus="focusFunction()" onblur="blurFunction()">
Try it yourself »
Related Pages
HTML DOM reference: onfocus event
HTML Event Attributes
