首页 > Web开发 > 详细

2015-06-02 js中的关于的移入移出触发事件的顺序

时间:2015-06-02 19:38:56      阅读:163      评论:0      收藏:0      [点我收藏+]
html   (结构很重要,包裹)
<div class="a">
    	<div class="b"></div>
 </div>
css
.a{width: 200px;height: 200px;border: 1px solid #000;position: absolute;}
.b{width: 100px;height: 100px;border: 1px solid #000;position: absolute;}

js
//这里是mouseover & mouseout
$(‘.a‘).on(‘mouseover‘,function () {
	alert(‘a in‘);
}).on(‘mouseout‘,function () {
	alert(‘a out‘);
})
$(‘.b‘).on(‘mouseover‘,function () {
	alert(‘b in‘);
}).on(‘mouseout‘,function () {
	alert(‘b out‘);
})
//移入a          a in
//从a到b         a out----b in-----a in
//从b到外        b out-----a out-----a in
//从b到a         b out----a out----a in


//这里是mouseenter & mouseleave ps:jq的hover代表mouseenter和mouseleave
$(‘.a‘).on(‘mouseenter‘,function () {
	alert(‘a in‘);
}).on(‘mouseleave‘,function () {
	alert(‘a out‘);
})
$(‘.b‘).on(‘mouseenter‘,function () {
	alert(‘b in‘);
}).on(‘mouseleave‘,function () {
	alert(‘b out‘); 
})
//移入a          a in
//从a到b         b in
//从b到a         b out
//移出a          a out

  

2015-06-02 js中的关于的移入移出触发事件的顺序

原文:http://www.cnblogs.com/wz0107/p/4547047.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!