JavaScript events in a detailed

I. Flow of events

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

2. Event bubbling: Nodes that are received by the most specific element and then propagated up to the least-specific element (document)

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

Second, event processing

1.HTML Event handling: Added 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 will be generated when the DOM event is triggered
2. Event object:
Type: Get event types
Target: Gets the event target
Stoppropagation (): Block event bubbling
Preventdefault (): Block event default behavior
<! DOCTYPE html>

JavaScript events in a detailed