位置: 编程技术 - 正文

jQuery实现点击任意位置弹出层外关闭弹出层效果(jquery的点击事件怎么写)

编辑:rootadmin

推荐整理分享jQuery实现点击任意位置弹出层外关闭弹出层效果(jquery的点击事件怎么写),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery点击事件有什么方法显示,jquery点击事件有什么方法显示,jquery中点击事件点击没动静,jquery实现点击按钮,jquery点击事件有什么方法显示,jquery中点击事件点击没动静,jquery的点击事件怎么写,jquery点击事件有什么方法显示,内容如对您有帮助,希望把文章链接给更多的朋友!

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

找到鼠标点击的那个元素

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

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

具体实现

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

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

jQuery实现点击任意位置弹出层外关闭弹出层效果(jquery的点击事件怎么写)

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

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

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

$(e.target)

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

parent()

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

以上所述是小编给大家介绍的jQuery实现点击任意位置弹出层外关闭弹出层效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

jQuery插件ajaxFileUpload异步上传文件 ajaxFileUpload.js很多同名的,因为做出来一个很容易。我用的是这个:

jQuery插件ajaxFileUpload使用实例解析 ajaxFileUpload.js很多同名的,因为做出来一个很容易。我用的是这个:

jQuery动态创建元素以及追加节点的实现方法 我们知道js中有三种动态创建元素的方法,jQuery中也可以动态的创建元素例如:varstr=$("ahref='

标签: jquery的点击事件怎么写

本文链接地址:https://www.jiuchutong.com/biancheng/379340.html 转载请保留说明!

上一篇:jQuery ready方法实现原理详解(jquery里的ready是什么意思)

下一篇:jQuery插件ajaxFileUpload异步上传文件

  • 公司办理税务注销的相关规定
  • 小规模纳税人免征增值税怎么记账
  • 可供出售金融资产和长期股权投资
  • 外汇储备保值增值
  • 红字发票可以只开金额没有数量吗
  • 已报关的货物可以改单价价吗
  • 红字信息表可以开一半吗
  • 水泥销售成本怎么算
  • 个人所得税办理退税需要什么资料和手续
  • 延期缴纳税款会退回吗
  • 公摊电费计入什么科目
  • 跨省的分公司亏损需要缴纳所得税吗?
  • 债权受让方如何交税
  • 如何看发票是否被抵扣
  • 公司筹建期间发生的费用没有发票
  • 关于补充养老保险
  • 应对税务稽查的六点注意事项
  • 物业收租金必须要发票吗
  • 集体公司改制
  • 基金赎回手续费怎么计算
  • 企业拨给工会的补助怎么记账
  • 教育费附加记账
  • 餐饮研发费用确认条件
  • 计提的利息收入交所得税吗
  • 无形资产研发支出适用于税前加计扣除的政策
  • surface安装win10专业版
  • win10运行红色警戒2卡顿
  • 购买方已抵扣申请红票,销售方为开具 购买方如何作废
  • php输出mysql查询结果
  • PHP:xml_get_current_line_number()的用法_XML解析器函数
  • 管理软件对相机的要求
  • 方正书版10.0教程
  • win10蓝牙添加设备闪退
  • php字符串函数有哪些
  • macOS 11 Big Sur 开发者预览版 Beta 8推送
  • ssms注释
  • 外贸进出口企业退税
  • 职工福利费会计科目怎么写
  • cobit框架
  • php内涵
  • php引用文件的方法
  • 路由配置中network怎么用
  • yolov2模型
  • php session跨域共享
  • thinkphp制作404跳转页的简单实现方法
  • 残保金是应交税金吗
  • 拿到领料单如何做账
  • 企业净利润率是多少好
  • 高新技术企业福利费扣除比例
  • c语言typedef的用法
  • Mysql优化之Zabbix分区优化
  • 发票过了认证时间期限还可以红冲么
  • 企业破产员工补偿标准是按上年平均工资
  • 开负数发票的规定是有?
  • SQL 联合查询与XML解析实例详解
  • mysql在表中添加一个新的属性
  • 收到服务费发票怎么做账
  • 材料的采购成本构成
  • 出售固定资产计入营业外收入
  • 认证过的发票红冲了还要退回吗
  • 带有折扣的增值税专用发票图片
  • 上月发票如何冲红
  • 独立核算的重要性
  • 老会计带新手教学真账实操
  • 支付代理费计入什么科目
  • 商品销售成本的计算方法中,商品零售企业
  • windows xp操作
  • win8更新到win8.1
  • windowsxp如何创建宽带连接
  • windows8怎么打开开始菜单
  • win10预览版
  • 在Linux系统中安装Anaconda
  • nodejsweb框架
  • 在机上创建一个文件夹
  • django orm sqlalchemy
  • Node.js中的事件循环是什么
  • javascript在客户端执行
  • windows安装包下载
  • 用shell写一个脚本,对文本中无序的一列数字排序
  • 广西残疾人保障金比例
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设