当前位置: 首页 > news >正文

php 鼠标点击其他区域下拉框隐藏,jQuery除指定区域外点击任何地方隐藏DIV功能...

具体代码如下所示:

$('body').click(function(e) {

var target = $(e.target);

// 如果#overlay或者#btn下面还有子元素,可使用

// !target.is('#btn *') && !target.is('#overlay *')

if(!target.is('#btn') && !target.is('#overlay')) {

if ( $('#overlay').is(':visible') ) {

$('#overlay').hide();

}

}

});

或者

$('body').click(function(e) {

if(e.target.id != 'btn' && e.target.id != 'overlay')

if ( $('#overlay').is(':visible') ) {

$('#overlay').hide();

}

})

PS:下面在接着看一段代码jquery 点击除本身外其他地方隐藏

$("#test").click(function(e) {

e?e.stopPropagation():event.cancelBubble = true;

});

$(document).click(function() {

$("#test").fadeOut();

e?e.stopPropagation():event.cancelBubble = true;  为阻止冒泡事件
});

 

总结

以上所述是小编给大家介绍的jQuery除指定区域外点击任何地方隐藏DIV,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

时间: 2017-11-12

相关文章:

  • java 日期转换星期,关于JAVA的小工具(日期转周几)
  • PHP的经典程序,几款经典php分页程序(1/4)
  • java gzip加解秘,vue 基于pako.js实现gzip的压缩和解压功能
  • matlab每一行白点个数,MATLAB 简单的计算白色轮廓中像素点的个数
  • java 类共享变量,Java提供了ThreadLocal(java.lang)类,实现线程内共享变量
  • Java第三方语音包发声,JDK中的包和他们的基本功能
  • python mock数据,python学习开发mock接口
  • php syslog 514,syslog详解及配置远程发送日志和远程日志分类
  • 兰春 MySQL,MySQL中经典的too many connection怎么破
  • php后台处理传来的图片文件,如何处理展示后台程序实时生成的文件?
  • php遍历json键值对,JS实现键值对遍历json数组功能示例
  • php服务器cpu要求,如何分析服务器需要什么样的配置(CPU、内存、带宽等)
  • oracle查看表的字段个数据,oracle逆向查询某个字段内容所存在的数据表名称
  • oracle在procedure调用自己,oracle 在plsql中创建procedure并调用
  • oracle if 插入,Oracle有条件地插入数据
  • ES6指北【2】—— 箭头函数
  • CODING 缺陷管理功能正式开始公测
  • iOS小技巧之UIImagePickerController实现头像选择
  • nodejs实现webservice问题总结
  • OSS Web直传 (文件图片)
  • python学习笔记 - ThreadLocal
  • Redux 中间件分析
  • Spring Security中异常上抛机制及对于转型处理的一些感悟
  • SwizzleMethod 黑魔法
  • tweak 支持第三方库
  • Vue 重置组件到初始状态
  • 初探 Vue 生命周期和钩子函数
  • 第十八天-企业应用架构模式-基本模式
  • 深度学习入门:10门免费线上课程推荐
  • 小程序滚动组件,左边导航栏与右边内容联动效果实现
  • 写给高年级小学生看的《Bash 指南》
  • 浅谈sql中的in与not in,exists与not exists的区别
  • ​flutter 代码混淆
  • # 达梦数据库知识点
  • # 消息中间件 RocketMQ 高级功能和源码分析(七)
  • #NOIP 2014# day.1 T3 飞扬的小鸟 bird
  • #多叉树深度遍历_结合深度学习的视频编码方法--帧内预测
  • #我与Java虚拟机的故事#连载19:等我技术变强了,我会去看你的 ​
  • (3)选择元素——(17)练习(Exercises)
  • (C语言)编写程序将一个4×4的数组进行顺时针旋转90度后输出。
  • (附源码)springboot 校园学生兼职系统 毕业设计 742122
  • (附源码)SSM环卫人员管理平台 计算机毕设36412
  • (蓝桥杯每日一题)平方末尾及补充(常用的字符串函数功能)
  • (转)JAVA中的堆栈
  • (转)Sublime Text3配置Lua运行环境
  • (轉貼) 2008 Altera 亞洲創新大賽 台灣學生成果傲視全球 [照片花絮] (SOC) (News)
  • .bat批处理(十):从路径字符串中截取盘符、文件名、后缀名等信息
  • .Net Core/.Net6/.Net8 ,启动配置/Program.cs 配置
  • .NET WebClient 类下载部分文件会错误?可能是解压缩的锅
  • .NET 同步与异步 之 原子操作和自旋锁(Interlocked、SpinLock)(九)
  • ??myeclipse+tomcat
  • [2017][note]基于空间交叉相位调制的两个连续波在few layer铋Bi中的全光switch——
  • [2019.3.20]BZOJ4573 [Zjoi2016]大森林
  • [acwing周赛复盘] 第 69 场周赛20220917
  • [AIGC] Java 和 Kotlin 的区别