jQuery：鼠标与div的坐标位置

最新推荐文章于 2022-08-31 11:19:47 发布

最新推荐文章于 2022-08-31 11:19:47 发布 · 343 阅读

文章标签：

#jQuery #ViewUI

javascript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的功能，当鼠标离开指定div元素3秒后，该div将被自动删除。通过计算鼠标相对于div的位置来判断是否完全移出，并利用setTimeout延迟执行删除操作。

jQuery鼠标与div的坐标位置

情景：当鼠标离开div时3秒后删除该div

该div的class为sp

function spon_out(event){
    var x=event.pageX-this.offsetLeft;
    var y=event.pageY-this.offsetTop;
   if(x < 0 || x > 260 || y < 0 || y > 100){
     removeDiv();
   }
  }

 $(".sp").mouseout(spon_out);

function removeSponsorDiv(){
    $('#sponsor_div').remove();
    //$(".sponsor_a").bind("mouseover",sponsor_fun);
  }
  function removeDiv(){
    sponsor_timer = setTimeout("removeSponsorDiv()",3000);
  }

OK！