Bind event addeventlistener

The addeventlistener () method is used to add an event handle to a specified element.

The event handle added by the addeventlistener () method does not overwrite the existing event handle.

You can add multiple event handles to an element.

You can add multiple event handles of the same type to the same element, for example, two "click" events.

You can add event listening to any DOM object, not just HTML elements. For example, the window object.

The addeventlistener () method can more easily control events (bubble and capture ).

When you use the addeventlistener () method, JavaScript is separated from the HTML tag, which is more readable. You can also add event listening when HTML tags are not controlled.

You can use the removeeventlistener () method to remove event listening.

<! Doctype HTML> 
 
Bind event addeventlistener