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


实现思路解析

判断元素区域外和区域内

判断元素是显示状态

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();
                            };
                    }
                });


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM