Shulou(Shulou.com)05/31 Report--

This article mainly explains the "DOM operation in JavaScript common event case analysis", the article explains the content is simple and clear, easy to learn and understand, the following please follow the editor's train of thought slowly in-depth, together to study and learn "JavaScript DOM operation common event case analysis"!

From this, we can see that the event is divided into three parts:

Source of the event: that is, who is the element to operate on.

Event type: that is, the event trigger conditions, such as mouse clicks and mouse slips.

Event handling: if this behavior is triggered, how to do it, and the result of the operation.

Common events

Now let's talk about the common events. This is not all the events. If you need to know all the events, you can refer to the official documentation.

Common events are:

Event type description triggers onfous when the onblur object loses focus, triggers the onclick user when the left mouse button clicks, triggers the ondblclick user double-click, triggers the onchange when the object or selection content changes, triggers the onkeyup when the user releases the keyboard button (and two events onkeydown and onkeypress) immediately triggers the onmouseout after the onload browser loads, when the user moves the mouse out of the object model Trigger onmouseover when the user counts the mouse over the object to trigger the onselect when the current selection area changes to trigger the onunload object to unload before the trigger

The following demonstration will involve some property changes, you can not care about how the event is triggered. Later, I will write another article on attribute modification and assignment.

The presentation gains and loses focus.

Demo:

Test document name

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.