鼠标事件
1.mousewheel鼠标滚轮事件
**获取当前滚轮的值 **
如果 值 小于 0 滚轮 往下滑
如果 值 大于0 滚轮 往上滑
1. onclick 单击事件
2.ondblclick 双击事件
当给 同一个格子 同时绑定双击和点击事件时
会触发 双击事件 必定会触发两次单击事件
ondblclick = function (){
3.oncontextmenu 鼠标右键
鼠标右键 是一个有默认功能的事件 它可以打开右键菜单
4.鼠标释放事件 onmouseup
鼠标按下不会触发 松开的时候 才会触发
5.鼠标按下事件 onmousedown
1.鼠标移入事件 一共有两种
第一种就是obmouseover 和 onmouseout
(1)鼠标移入 onmouseover
(2)鼠标移出 onmouseout
给父级绑定了事件 子级没有绑定事件
但是 当鼠标移入子级的时候 会触发 父级的事件
这种情况叫做事件冒泡
第二种 鼠标移出事件 onmouseenter 和 onmouseleave
1.鼠标移入 onmouseenter
2.鼠标移出 onmouseleave
鼠标移入移出 有两种写法
共同点: 就是鼠标移入移出的方法、、
不同的:
第一种 onmouseover 和 onmouseout 会触发事件冒泡
第二种 onmouseenter 和 onmouseleave 不会触发事件冒泡
3.鼠标移动事件 onmousemove
box.onmousemove = function (){
consoloe.log('鼠标移动事件')
}
鼠标的坐标 在 鼠标事件的 事件对象中保存
所以我们要获取 鼠标坐标 一般都是通过事件对象 event 获取
所有的鼠标事件 都可以 通过 事件对象来获取 鼠标坐标
但是 通常 我们都是在 鼠标移动事件中获取 和 使用 鼠标坐标