鼠标事件

一、视口宽度

1、window.innerWidth 返回当前视口宽度

2、window.innerHeight 返回当前视口高度

二、鼠标事件

1、点击事件:onclick

2、双击事件:ondblclick(双击事件是先执行两遍点击事件,再执行双击)

3、鼠标右击点击事件:oncontextmenu

4、鼠标进入事件:onmouseenter

5、鼠标离开事件:onmouseleave

注意:onmouseover也是鼠标进入事件,onmouseout也是鼠标离开事件,但是当元素里面存在子元素时,鼠标在元素中移动时会反复触发 onmouseover 和 onmouseout

6、鼠标移动事件:onmousemove

7、 鼠标按下事件:onmousedown

8、 鼠标弹起事件:onmouseup

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容