How to react to HTML events in JavaScript HTML DOM
This article will explain in detail how to respond to HTML events in JavaScript HTML DOM. The editor thinks it is very practical, so I share it with you as a reference. I hope you can get something after reading this article.
JavaScript HTML DOM event
HTML DOM gives JavaScript the ability to react to HTML events.
We can execute JavaScript when the event occurs, such as when the user clicks on the HTML element.
An example of the HTML event:
When the user clicks the mouse
When a web page has been loaded
When the image has been loaded
When the mouse moves over an element
When the input field is changed
When submitting an HTML form
When the user triggers the button
In the following example, when a user clicks on an element, it changes its content:
Please click on the text
HTML event Properties
To assign an event to the HTML element, you can use the event attribute.
For example, you can assign an onclick event to the button element:
Click the button to execute the displayDate () function.
Function checkCookies () {if (navigator.cookieEnabled==true) {alert ("cookie enabled")} else {alert ("cookie not enabled")}
The prompt box will tell you whether the browser has cookie enabled.
Onchange event
The onchange event is often used in conjunction with validation of input fields.
For example, when the user changes the contents of the input field, the upperCase () function is called:
Function myFunction () {var x=document.getElementById ("fname"); x.value=x.value.toUpperCase ();} Please enter English characters:
When the input field gets focus, it triggers a function that changes the background color.
This is the end of the article on "how to respond to HTML events in JavaScript HTML DOM". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.
