专栏首页山河木马jquery实现点击某元素之外触发事件

jquery实现点击某元素之外触发事件

<script>
    $(function(){
        $(document).click(function (e) { 
            if (!$(e.target).is('.program_rooms')) { 
                $(".room_change").slideUp('slow'); 
                $(".program_rooms").attr("data-sure","0"); 
            } 
        });
    })
</script>
$('body').click(function(e) {
 var target = $(e.target);
 // 如果#overlay或者#btn下面还有子元素,可使用
 // !target.is('#btn *') && !target.is('#overlay *')
 if(!target.is('#btn') && !target.is('#overlay')) {
 if ( $('#overlay').is(':visible') ) $('#overlay').hide();
 }
});
$('body').click(function(e) {
 if(e.target.id != 'btn' && e.target.id != 'overlay')
 if ( $('#overlay').is(':visible') ) $('#overlay').hide();
})
<script>
    $(function(){
        $(document).bind("click",function(e){
            //id为menu的是菜单,id为open的是打开菜单的按钮            
            if($(e.target).closest("#menu").length == 0 && $(e.target).closest("#open").length == 0){
            //点击id为menu之外且id不是不是open,则触发
                close();
            }
        })
    })

    function close(){
        //close menu...
    }

    function open(){
         //open menu...
    }
</script>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • meta设置(转)

    移动端页面设置视口宽度等于定宽(如640px),并禁止缩放,常用于微信浏览器页面。

    山河木马
  • 前端之HTML DOM操作

    当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。

    山河木马
  • JavaScript编码规范(2) 原

    对于编码规范,既然是规范,那我们就应该按照一定的规则来编写。随意编写违反编码规范的代码,可能会导致程序的出错和潜在的bug,因此其相对于编码风格来说应该更加严谨...

    山河木马
  • DSL 系列(1) - 扩展点的论述与实现

    DSL 全称为 domain-specific language(领域特定语言),本系列应当会很长,其中包含些许不成熟的想法,欢迎私信指正。

    捷义
  • 【python系统学习04】条件判断语句

    学过 js 的你,看到这个肯定小 case 吧!肯定第一时间得到答案,打印出“1”吧!

    xing.org1^
  • 【死磕Java并发】-----J.U.C之阻塞队列:SynchronousQueue

    原文出处http://cmsblogs.com/ 『chenssy』 【注】:SynchronousQueue实现算法看的晕乎乎的,写了好久才写完,如果当中有什...

    用户1655470
  • daily-question-02(前端每日一题02)

    在这里记录着每天自己遇到的一道印象深刻的前端问题,以及一道生活中随处可见的小问题。

    小皮咖
  • 理解AbstractQueuedSynchronizer提供的独占锁和共享锁语义

    Doug Lea前辈在JDK5中编写的AbstractQueuedSynchronizer抽象同步框架非常精辟,整个代码里没有使用像synchronized这样...

    我是攻城师
  • Arcgis for Js实现Spline插值、区域裁剪以及页面的轮播效果

    本文讲述如何利用Arcgis 的Gp服务实现Spline插值,并将插值的结果按照指定的区域进行裁剪,最后将裁剪的结果根据特定的样式渲染,并在页面实现多期轮播的这...

    lzugis
  • 日常shell练习题-03(持续更新…)

    老七Linux

扫码关注云+社区

领取腾讯云代金券