鼠标的移入移出问题 e.relatedTarget

最新推荐文章于 2023-05-20 22:34:12 发布

weixin_30268071

最新推荐文章于 2023-05-20 22:34:12 发布

阅读量297

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/fdszlzl/archive/2009/06/03/1495634.html

版权

jquery封装 e.relatedTarget

在mouseover中相当于IE的event.fromElement，在mouseout中相当于IE的event.toElement

< a href ="#" class ="tip" > Test1 </ a >
< a href ="#" class ="tip" > Test2 </ a >
< a href ="#" class ="tip" > Test3 </ a >
< div id ="pop" class ="test" >
< br /> 弹出层
< input size ="12" />
< a href ="#" > aaaaaa </ a >
< br />
</ div >

$( function (){
$( " .tip " ).hover( function (e){
  $( " #pop " ).css({
       " position " : " absolute " ,
       " top " : $(this).offset().top + $(this).outerHeight() ,
       " left " : $(this).offset().left
     }).show();
}, function (e){
   if ( $(e.relatedTarget).attr( " id " )! = " pop " ){    $( " #pop " ).hide();
  }
});
$( " #pop " ).bind( " mouseleave " , function (){
  $( ' #pop ' ).hide();
});
})

转载于:https://www.cnblogs.com/fdszlzl/archive/2009/06/03/1495634.html