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

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();
 });
})