JavaScript鼠标事件

记录备忘：

---

    
    



onclick 左键单击事件

oncontextmenu 右键单击事件

onDblClick 双击事件

onMouseDown 鼠标按下

onMouseUp 鼠标松开

onmouseover 当鼠标移动到目标元素时触发，到其后代元素上时 也 ！会触发

onmouseenter 当鼠标移动到目标元素时触发，到其后代元素上时 不！ 会触发

onmouseout 鼠标离开目标元素

onmouseleave 鼠标离开目标元素

onmousemove 鼠标移动





    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium id iste minima modi molestiae necessitatibus, quibusdam quod recusandae, soluta ut, vel veritatis voluptatibus! Asperiores, quae, vero! Fugit itaque iusto natus.






    
测试浏览器：  Chrome &&   IE11 


    鼠标按键值：

    event.x 鼠标x横轴坐标
    event.y 鼠标y纵轴坐标


    

    
    event.button ==  0              默认 / 左键
    event.button ==  1              左键
    event.button ==  2              右键

    一般就使用这几个键了，  其他的几乎特别的少用，方法写在 script 里了，有需要可以测试，





    另外附一个网上搜到的数据：
    鼠标键值
    events.button=0 默认，没有按任何按钮。
    events.button=1 鼠标左键
    events.button=2 鼠标右键
    events.button=3 鼠标左右键同时按下
    events.button=4 鼠标中键
    events.button=5 鼠标左键和中键同时按下
    events.button=6 鼠标右键和中键同时按下
    events.button=7 所有三个键都按下