JavaScript之鼠标事件

1.左键单击事件：有两个动作完成，一个是鼠标按下，一个是鼠标抬起
如果只有按下，只会触发mousedown
鼠标抬起才会触发click
click—标签对象.οnclick=function(){}
2鼠标左键双击事件：dblclick—标签对象.οndblclick=function(){}
3.右键单击事件：contextmenu—标签对象.οncοntextmenu=function(){}
4.鼠标按键按下事件：鼠标按下时触发的事件(左键右键都可以触发)
mousedown—标签对象.οnmοusedοwn=function(){}
5.鼠标抬起事件：当鼠标抬起时触发的事件(左键右键也可以触发)
mouseup—标签对象.οnmοuseup=function(){}
6.鼠标移入事件：经过标签边界线的时候触发
mouseover，mouseenter—标签对象.οnmοuseοver=function(){}
7.鼠标移出事件：经过标签边界线的时候触发
mouseout,mouseleave—标签对象.οnmοuseοut=function(){}
移入移出总结：经过当前标签边界线触发移入事件，经过子级标签边界线移入移出都触发
移出子级标签边界线也会触发移入移出事件
mouseenter,mouseleave:只有经过当前标签时会触发，经过子级时不会触发
8.鼠标移动：鼠标在标签范围内移动，会触发事件，效果类似于hover
mousemove—标签对象.οnmοusemοve=function(){}