实现某元素以外区域点击事件 隐藏该元素

实现思路解析

判断元素区域外和区域内

判断元素是显示状态

dom.is(':hidden') dom.is.is(":visible")

具体应用为 下拉框或弹框 -点击区域外任意点-隐藏

代码实现

 $('body').on('click',function(e){
                    var con= $("#selector");//点击区域划分
                    if(!con.is(e.target) && con.has(e.target).length === 0){//设置目标区域外
                        if($("#selector .select").is(":visible")){
                                $("#selector .select").hide();
                            };
                    }
                });

posted @ 2019-06-10 17:29  Letyo  阅读(1882)  评论(0编辑  收藏  举报