码迷,mamicode.com
首页 > 编程语言 > 详细

javascript --- 鼠标事件

时间:2017-11-04 22:31:36      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:--   tor   cto   query   事件操作   移动   asc   sele   enter   

1、基本鼠标事件:

mouseenter:当鼠标移入某元素时触发。

mouseleave:当鼠标移出某元素时触发。

mouseover:当鼠标移入某元素时触发,移入和移出其子元素时也会触发。

mouseout:当鼠标移出某元素时触发,移入和移出其子元素时也会触发。

mousemove:鼠标在某元素上移动时触发,即使在其子元素上也会触发。

2、基本鼠标事件操作:

var body = document.querySelector("body");

body.onmouseenter = (e) => { alert(1111) };

body.onmouseleave = (e) => { alert(2222) };

body.onmouseover  = (e) => { alert(3333) };

body.onmouseout   = (e) => { alert(4444) };

body.onmousemove = (e)  => { alert(5555) };

javascript --- 鼠标事件

标签:--   tor   cto   query   事件操作   移动   asc   sele   enter   

原文地址:http://www.cnblogs.com/GongYaLei/p/7784712.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!