js原生,鼠标离开事件
2018-02-23 23:07
477 查看
mouseout: 鼠标离开事件
mouseleave: 鼠标离开事件
区别:
不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。
只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。
mouseover: 鼠标移入事件
mouseenter: 鼠标移入事件
不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。对应mouseout
只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。对应mouseleave
坑: mouseout: 会造成反复触发事件, 用mouseleave代替即可
mouseleave: 鼠标离开事件
区别:
不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。
只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。
mouseover: 鼠标移入事件
mouseenter: 鼠标移入事件
不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。对应mouseout
只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。对应mouseleave
坑: mouseout: 会造成反复触发事件, 用mouseleave代替即可
相关文章推荐
- JS鼠标事件(监听鼠标点击/释放,鼠标悬停/离开等)
- js火狐以及ie处理鼠标进入与离开事件
- screen,client,page三种确定鼠标坐标的区别和原生JS事件写法,区别于Jquery的$.on(x,y);和$.click()
- js火狐以及ie处理鼠标进入与离开事件
- 原生js--鼠标事件
- 原生JS添加鼠标事件
- JS鼠标滚轮事件解析
- js鼠标点击事件
- JS离开页面提醒事件
- 笔记:JS键盘和鼠标的事件
- 解决窗口响应鼠标离开事件,在鼠标移动的地方添加信息注册
- js 鼠标左右点击事件
- js原生创建模拟事件和自定义事件的方法
- [js点滴]JavaScript之鼠标事件04
- JS判断鼠标单双击事件
- 原生js事件委托与简单的jquery事件委托方法
- 原生JS的事件监听写法DEMO
- js鼠标事件大全
- 使用JS或jQuery模拟鼠标点击a标签事件
- (点击div之外的区域使div隐藏)原生js。事件代理和事件冒泡