鼠标事件
关键点通过鼠标事件对象中的button属性值来判断鼠标的按键。因为鼠标左键、右键都会触发点击事件。
mousedown
mouseup
click
语义鼠标点击事件。
关键点点击事件触发之前,同样会触发mousedown和mouseup事件。
dbclick
mousemove
语义鼠标在元素空间内任意移动一个像素点都会触发,就会触发事件。
mouseover
语义鼠标进入目标元素触发,或者是悬浮在子元素上也会触发事件。
关键点1鼠标悬浮移动,会不断的触发目标事件。
关键点2取消冒泡事件,子元素仍然会触发事件,这是该事件的固有机制。
mouseout
语义鼠标移出目标元素触发,或者是在子元素间移动也会触发事件。
mouseenter
语义鼠标进入目标元素内部空间触发,鼠标碰到子元素不会触发事件。
关键点该事件不会冒泡。因此只会触发一次。
mouseleave
语义鼠标移出目标元素触发,或者是在子元素间移动不会触发事件。
关键点该事件不会冒泡。因此只会触发一次。