Events have three elements: event source, event data, and event handler
Event bubbling: When elements are nested, after the internal element triggers an event, by default, the corresponding events of the external element will also be triggered in sequence.
You can add return false; to prevent the default operation
onclick: Triggered by mouse click
ondblclick: double click trigger
onmouseover: Triggered when the mouse moves above
onmouseout: triggered when the mouse leaves
onmousemove: Triggered when the mouse moves above
onchange: triggered whenever the content changes
onblur: triggered when focus is lost
onfocus: triggered when focus is obtained
onkeydown: triggered when the button is pressed
onkeyup: triggered when the button is lifted
onkeypress: event occurs when the user presses and releases any alphanumeric key. But system buttons (e.g. arrow keys, function keys) are not recognized.