问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

jquery新手求助,如图,怎么实现点击除弹出框之外的任何地方,让弹出框消失?

发布网友 发布时间:2022-05-16 07:13

我来回答

2个回答

懂视网 时间:2022-05-16 11:34

在之前做项目的时候经常会在主页面上点击某个按钮,右侧弹出一个div输出对应内容的详细信息。此时,我是希望在鼠标点击弹出层外的时候关闭该弹出层,主要思想就是:

找到鼠标点击的那个元素

判断这个元素是否在指定区域内,其实就是判断它的父元素是不是弹出层

如果不是就对弹出层进行hide,如果是就不进行任何操作

具体实现

该代码需要使用jQuery,代码如下:

$(document).mousedown(function(e){
if($(e.target).parent("#info").length==0){
$("#info").hide();
}
})
$(document).mousedown(function(e){})

$(document)就是获取整个网页文档对象,类似于原生的window.ducument

mousedown是鼠标事件,是指当鼠标指针移动到元素上方并按下鼠标按键时,类似的事件还有:

mouseup:当在元素上放松鼠标按钮时

mouseover:当鼠标指针位于元素上方时

$(e.target)

$(e.target)表示获取点击事件的元素。

parent()

$(e.target).parent("#info").length是获取当前点击事件元素带有id为info的父元素。

热心网友 时间:2022-05-16 08:42

在body绑订一个事件,这个事件只把这个弹窗口关闭就行了,如果这个弹窗口弹出的时候才帮订这个事件。追问可以给一段代码示范吗,谢谢

追答$(function(){
function bdclose(id){ //自定义一个函数这个函数只关闭弹的窗口,

$('body').click(funciton(){ //帮订body事件

dialogclose(id); //这个就是调用关闭弹窗口的函数
});
}

});
比如你在显示弹窗口

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
小白开始做牛腩烧番茄前,应该做哪些准备? 普洱茶不管是纯料还是拼配它本身就很有意思 普洱茶的纯料VS拼配,谁更值得珍藏? 为什么我们听到熟悉的歌曲的音乐会感觉在唱歌词呢? abs制动防抱死系统什么时候用到 请问有谁知道离朝阳北路的煊特嘉园(炫特区)最近的浩沙健身俱乐部在哪 ... 朝阳北苑郊野公园有哪些 北苑哪些公园 北京北苑健身有哪些 王者荣耀黄忠开大怎么转圈 给我发电子邮件到mary 2@gf im a ly.com realmeq2超广角怎么开 狼牙山五壮士的资料,急! 全民健身操完整版下载什么看完整版 怎么可以改善鹰钩鼻? 我的鼻子不太好看,比较大很像鹰钩鼻,该怎么办? 鹰钩鼻可以改善吗,在汕头这边的正规医院改善效果怎么样? 谁有郑多燕的健身舞视频 超过30分钟的 鹰钩鼻太明显,可是我是个女生啊,怎么办 有什么办法可以帮助我改善鹰钩鼻? 鹰钩鼻怎么办?怎么整比较好? 女生鹰钩鼻整形方法有哪些?有鹰钩鼻怎么办? 哪位前辈有三菱触摸屏编程软件SWOPC-FXDU/WIN-C 的学习教程,传给我一份,Email:guying9690@sina.com 谢谢 这是糖吗 是什么糖 中国雪乡景区什么时候营业 这里是糖果世界用英语怎么读 黑龙江“雪乡宰客”套路是什么? 这个是糖果吗?帮忙翻译一下日文 黑龙江雪乡的物价遭网友吐槽,当地的实际情况如何? 这是糖果还是饼干? 半桥型开关稳压电源利用闭环控制达到稳压的原理是什么 逆变器半桥工作原理 三星空调故障代码e487 开关电源为什么是半桥整流 板鞋的鞋边泛黄了,怎么清洗啊,一般都用牙膏,牙膏洗不掉怎么办? 滑板鞋边上的污垢怎么样才能除清啊? 板鞋鞋底侧面怎样清洁 数学中的实数,有理数的定义,是什么? 实数的概念是什么?求解 什么叫实数 产后3个月,感觉膝盖疼痛。 产后现在70天了,胳膊发凉,膝盖酸痛,浑身酸痛,以为... 产后现在70天了,胳膊发凉,膝盖酸痛,浑身酸痛,以为. 做完月子膝盖一直在疼痛是怎么回事?到现在都两个多月了还是一直疼痛 月子里双腿膝盖酸痛怎么办 wow中战争塑像有什么用? 更改银行卡预留手机号码线上可以吗 各位帮忙推荐推荐价格在1000-2000的直板触摸型智能手机吧~这么多款手机我都不知道该选哪个了~ 触控手机真的那么容易坏吗?什么是智能手机? 求推荐一款2000左右的安卓系统的全触摸智能手机,在郑州能买到的。