通过获取鼠标的点击位置来动态定位元素

最新推荐文章于 2022-08-10 21:52:22 发布

原创最新推荐文章于 2022-08-10 21:52:22 发布 · 3.4k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文介绍了一个使用jQuery实现的点击事件处理程序，该程序控制一个元素的显示状态，并将其定位到鼠标点击位置附近。通过监听页面上的特定元素触发的点击事件，可以隐藏这个元素并重新展示在指定坐标。

$(document).on('click','.caina_span',function(e){
    var block=$('.zan').css('display');
    if($.trim(block)=='block'){
        return false;
    }
   var positionY=e.pageY;
   var positionX=e.pageX;
    $('.zan').css({"top":+(positionY-50)+"px","left":+(positionX-100)+"px","display":"block"});
    $('.caina_span').removeClass('clicked');
    $(this).hide();
})

标签

#jquery