@ click = "click" // click
@ dblclick = "dblclick" // Double-click
@ mousedown = "down" // Press
@ mouseup = "up" // lift
@ mousemove = "move" // Mobile
@mouseleave = "out" // pointer moves out of range of the outer element (without bubbling).
@mouseout = "out" // pointer off the element, or move to its sub-elements.
@ mouseenter = "enter" // pointer to the event listener inner element (not bubbling)
@ mouseOver = "the Enter" // pointer to the event listener inner element or its child elements.
@ keydown = "down" // keyboard Press
@ keyup = "up" // lift the keyboard
Note: mouseenter is through, we can only trigger a change event, which is located above the mouseover, mouseenter event only affects the target element, and for the most mouseover target element and its descendant elements. mouseover (mouse cover). mouseenter (Mouse Enter). The essential difference between the two is, mouseenter not bubbling, simply put, it will not be affected by the state of child elements to its own, but it will be mouseover effects of its children that, when triggered sub-elements, mouseover bubble would trigger its parent element (want to prevent bubbling event mouseover on the use mouseenter).
in common: when both are no children, the behavior of both is the same, but inside both contain child when the element behavior is different.