点击除弹框之外的地方弹框关闭

最新推荐文章于 2024-03-17 11:36:45 发布

原创最新推荐文章于 2024-03-17 11:36:45 发布 · 562 阅读

0 ·

CC 4.0 BY-SA版权

html 同时被 3 个专栏收录

22 篇文章

订阅专栏

JavaScript

19 篇文章

订阅专栏

jQuery

13 篇文章

订阅专栏

本文详细介绍了使用jQuery实现点击事件触发弹窗显示，并通过修改body样式固定页面位置的技巧。探讨了如何处理点击背景区域关闭弹窗的功能，以及如何避免内容区域触发关闭行为。

  $(function(){
    $(.btn").click(function(e){
      $(".tk").show();
      $("body").css({"position":"fixed"});
    })
    $(".tk-bg").click(function(e){      
      if(e.target.className!=="content"){
        $(".tk").hide();
        $("body").css({"position":"static"});
      }
    })
  })