Shulou(Shulou.com)06/01 Report--

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.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.