您的位置:首页 > Web前端 > JavaScript

js使点击网页其他地方使显示框消失

2015-11-30 11:12 369 查看
有时候我们需要实现这样一个效果:

点击图标或者按钮会出现一个下拉框或者显示框,点击图标或者按钮显示框消失,或者需要点击网页其他任意地方显示框消失。

点击固定图标或按钮显示框显示或消失这个jQuery或者js就能很容易实现,这里说下点击网页其他任意地方显示框消失。

jQuery代码:

jQuery("body").click(function(e){

e = e || window.event;

var obj =e.target || e.srcElement;

if($(obj).closest("#explain").length <=0){//点击的区域如果没有id为explain的标签,就将explain收起隐藏
jQuery("#explain").slideUp();
}

});

OK,记录完毕。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js jquery