本文也同步发表在我的公众号“我的天空” 鼠标的移入移出事件，是在我们做一些前端效果时使用相当频繁的事件，但在JS中，鼠标的移入移出事件有两对，分别是mouseover、mouseout；以及mouseenter、mouseleave，如果没有对其的区别有清新的认识话，则很容易 ...
本文也同步发表在我的公众号“我的天空”
鼠标的移入移出事件，是在我们做一些前端效果时使用相当频繁的事件，但在JS中，鼠标的移入移出事件有两对，分别是mouseover、mouseout；以及mouseenter、mouseleave，如果没有对其的区别有清新的认识话，则很容易掉坑里！
譬如某次有人反映需要做以下这么一个效果：当鼠标移入背景图片时，将有一个遮罩层升起，当鼠标移出后，遮罩层落下（如图），该效果还是很常见的：
其采用jquery的animate()结合鼠标的移入移出事件来处理，背景图片的class设为A，遮罩层的class为B，通过设置其bottom属性来实现其升起与落下，其代码如下：
$(".A").mouseover(function(){
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com
原标题：认清鼠标移入移出事件
关键词：
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
