JavaScript events explain _javascript tips in detail

The concept of the event

Event: Refers to some specific interaction moments that occur in a document or in a browser window. We can use listeners (or handlers) to schedule events so that the corresponding code is executed when the event occurs.

I. Flow of events

1. Event Flow: Describes the order in which events are accepted in a page

2. Event Bubbling: A node (document) that is received by the most specific elements and then propagated up to the least specific element

3. Event capture: The least specific node receives the event first, and the most specific node should be the last to receive the event

Ii. Handling of events

1.HTML event handling: Adding directly to the HTML structure

2.DOM0-level Event handling: Assigning a function to an event handler property

3.dom2 Level Event Handling:

AddEventListener ("Event name", "event handler function", Boolean value)

True: Event Capture

False: Event bubbling

RemoveEventListener ();

4.IE Event handlers

Attachevent

DetachEvent

<! DOCTYPE html>  

Third, the event object

1. Event object: An object is generated when a DOM event is triggered

2. Event object:

Type: Get event Type

Target: Get event target

Stoppropagation (): Block event bubbling

Preventdefault (): Block event default behavior

<! DOCTYPE html>