鼠标事件

发布网友发布时间：2022-11-07 09:52

共1个回答

热心网友时间：2023-11-02 14:30

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 获取

所有的鼠标事件都可以通过事件对象来获取鼠标坐标
但是通常我们都是在鼠标移动事件中获取和使用鼠标坐标