Horje

How to use "onblur" together with the "onfocus" attribute

When you enter the input field, a function is triggered which sets the background color to yellow. When you leave the input field, a function is triggered which sets the background color to red.

index.html
Example: HTML
 <input type="text" onfocus="focusFunction()" onblur="blurFunction()"> 

Output should be:

How to use "onblur" together with the "onfocus" attribute



Single Articles
Example of HTML onfocus Event AttributeForm Events Attribute
Definition and Usage of HTML onfocus Event AttributeForm Events Attribute
Browser Support of HTML onfocus Event AttributeForm Events Attribute
Syntax of HTML onfocus Event AttributeForm Events Attribute
Attribute Values of HTML onfocus Event AttributeForm Events Attribute
Technical Details of HTML onfocus Event AttributeForm Events Attribute
How to Execute a JavaScript when an input field gets focusForm Events Attribute
How to use "onblur" together with the "onfocus" attributeForm Events Attribute


Related Articles
List of Form Events Attribute Form Events Attribute
What is HTML onblur Event Attribute Form Events Attribute
What is HTML onchange Event Attribute Form Events Attribute
What is HTML oncontextmenu Event Attribute Form Events Attribute
What is HTML onfocus Event Attribute Form Events Attribute
What is HTML oninput Event Attribute Form Events Attribute
What is HTML oninvalid Event Attribute Form Events Attribute

Type:
Html
Category:
Web Tutorial
Sub Category:
Form Events Attribute
Uploaded by:
Admin