【点击区域外隐藏该区域，event.stopPropagation()】的更多相关文章

点击区域外隐藏该区域，event.stopPropagation()

event.stopPropagation() Description: Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event. 点击区域外隐藏该区域Example: <!DOCTYPE html> <html> <head> <meta content="charset=utf-8…

js实现的点击div区域外隐藏div区域(转)

首先看下JS的事件模型,JS事件模型为向上冒泡,如onclick事件在某一DOM元素被触发后,事件将跟随节点向上传播,直到有click事件绑定在某一父节点上,如果没有将直至文档的根. 阻止冒泡: 1.stopPropagation()对于非IE浏览器. 2.cancelBubble属性为true,对于IE浏览器,而Jquery已经有兼容浏览器的方法,event.stopImmediatePropagation(); <!DOCTYPE html> <html> <head&g…

js实现的点击div区域外隐藏div区域

首先看下JS的事件模型,JS事件模型为向上冒泡,如onclick事件在某一DOM元素被触发后,事件将跟随节点向上传播,直到有click事件绑定在某一父节点上,如果没有将直至文档的根. 阻止冒泡:1.对于非IE浏览器:stopPropagation().2.对于IE浏览器:cancelBubble属性为true <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&qu…

jQuery实现鼠标点击Div区域外隐藏Div

冒泡定义:当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发.这一过程被称为事件冒泡:这个事件从原始元素开始一直冒泡到DOM树的最上层.(摘自网络) 1. 阻止事件冒泡, 并不阻止事件行为:event.stopPropagation(); $(function() { $("#link").click(function(event) { event.stopPropagation(); }); }); 2. 阻止事件行为,并阻止事件…

js实现点击div以外区域，隐藏div区域

<body style="text-align:center;"> <input type="text" style="width:200px;height:30px;background:pink;margin-top:100px auto 0;"> <div style="width:300px;height:300px;background:red;margin:0 auto;display:none…

jquery实现点击div外隐藏div

html <div style="width:100px;height:100px;border:1px solid #ff0" id="div">div</div> js document.on("click",function(e){ if($(e.target).closest("#div").length=0){ $("#div").hide(); } })…

jquery阻止冒泡事件：$('span').bind("click",function(event){event.stopPropagation();})（有用源）

冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件. <body> <div id="content"> 外层div元素 <span>内层span元素</span> 外层div元素 </div> <div id="msg"></div> </body> <script type="text/javascript"> $(funct…

关于js中return false、event.preventDefault()和event.stopPropagation()

在平时项目中,如果遇到需要阻止浏览器默认行为,大家经常会用return false;和event.preventDefault()来阻止,但对它俩的区别还是有些一知半解,于是看了文档,查了些资料,在此总结下它俩的区别,顺便带上event.stopPropagation()一起区分下. 一.原生js中: 关于return false和preventDefault: 在W3C Document Object Model Events Specification1.3版本中提到过: The Event…

【转】Android点击空白区域，隐藏输入法软键盘

原文网址:http://www.2cto.com/kf/201505/401382.html 很多时候,我们在使用应用时,会出现输入法软键盘弹出的问题,通常情况下,我们默认会使用户点击返回键或者下一步对软键盘进行隐藏.为了更好的体验,我们可以实现当用户使用完毕软键盘时.点击空白区域即可实现隐藏的功能.效果如图所示: 代码实现 代码块语法遵循标准markdown代码,例如: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23…

js实现点击按钮时显示弹框，点击按钮及弹框以外的区域时隐藏弹框

转自https://blog.csdn.net/yimawujiang/article/details/86496936 问题:js实现点击按钮时显示弹框,点击按钮及弹框以外的区域时隐藏弹框? 方案一:这个问题通常的办法是使用阻止事件冒泡来实现,代码如下(省略css): <body> <button id="btn1" onclick="alertBoxFn();stopBubble()">打开弹窗</button> <di…

设立点击ProgressDialog外的区域对话框不消失

设置点击ProgressDialog外的区域对话框不消失ProgressDialog mpDialog = new ProgressDialog(OrderTable.this);  mpDialog.setProgressStyle(ProgressDialog.STYLE_SPINNER);//设置风格为圆形进度条   mpDialog.setTitle("提示");//设置标题   mpDialog.setIcon(R.drawable.icon);//设置图标   mpDial…

给Activity设置Dialog属性，点击区域外消失；

1.在AndroidManifest.xml中给Activity设置样式: <activity             android:name=".MyActivity"             android:theme="@style/MyDialog"             android:label="@string/app_name" > 2.在res-value-style.xml中设置dialog样式: <?x…

怎么点击div之外的区域就隐藏这个div啊 找了很久，都没有很好解决

方法一. <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body> <span onClick="with(document.getElementById(…

js构建函数，点击按钮显示div，再点击按钮或其他区域，隐藏div

这只是一个例子,先看看效果: html代码: <nav> <span class="nav_logo"></span> <h1>云蚂客首页</h1> <button class="nav_btn"></button> <ul class="menu"> <li><a href="#">首页</a>…

触发ionic弹窗区域外的方法

最近项目需要在页面弹窗的时候需要点击弹窗区域外的地方,其实也就是点击页面HTML就可以关闭弹窗, 首先在controller通过js获取到html的dom节点,然后绑定点击事件,话不多说上代码:   var htmlEl = angular.element(document.querySelector('html')); htmlEl.on('click', function (event) { if (event.target.nodeName === 'HTML') { if (myPopu…

contains 之 点击元素外位置隐藏元素

contains 之 点击元素外位置隐藏元素 api: contains   检测一个元素包含在另一个元素之内  详解:http://www.runoob.com/jquery/misc-contains.html 原理: 监听click事件,当点击时判断点击位置是否包含在目标元素内,若判断通过则隐藏 代码: // 创建click监听 mounted () { document.addEventListener('click', this.queryHide) }, // 清除click监听 b…

原生JS实现点击一个按钮显示一个div，再点击按钮div隐藏，或点击除div外其它空白处div隐藏

<!DOCTYPE html> <html style="font-size: 24px"> <head> <title>js点击按钮显示再点击空白地方隐藏</title> <style type="text/css"> #div { border: 1px solid red; display: flex; align-items: center; justify-content: cente…

点击隐藏显示和点击body空白处隐藏

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{margin:0; padding:0;} .btn{background:#BF8B8B; width: 150px; height: 3…

ListView点击Item展开隐藏项（单项展开、多项展开、复杂布局时的展开处理）

手机屏幕毕竟有限,当我们要显示较多数据时便不得不舍去一些次要信息.将主要信息优先显示,也使显示效果更加简洁美观.遇到类似的需求,我们使用最多的就是 ListView ,而假设每次点击一个 Item 都要跳转到下一页查看详情,查看还有一个还要返回列表又一次进入还有一条详情.使得操作繁琐体验减少.此时可隐藏和展开 Item 的 ListView 便应运而生.这不是一个新的控件.仅仅是我们灵活使用造出来的使用方法.下边我就来实现 ListView 点击 Item 展开隐藏项,包含列表单项展开.多项展开…

js进阶 12-15 jquery如何实现点击button显示列表，点击其它位置隐藏列表

js进阶 12-15 jquery如何实现点击button显示列表,点击其它位置隐藏列表 一.总结 一句话总结:在button中阻止事件冒泡. 1.如何咋button中阻止事件冒泡(两种方法)? event.stopPropagation()和return false 31 $("#btn").click(function(){ 32 // alert('#btn') 33 $('ul').show() 34 //event.stopPropagation() 35 return fa…

【JS】点击目标外事件与IFRAM自适应高度

一.点击目标外事件 $(document).mouseup(function(e){ var _con = $('.dropdown-multiSelect-list'); // 设置目标区域 if(!_con.is(e.target) && _con.has(e.target).length === 0){ // Mark 1 _con.hide();// 功能代码 } }); 二.IFRAME自适应高度 兼容IE6/IE7/IE8/Firefox/Opera/Chrome/Safari…

点击按钮显示隐藏DIV，点击DIV外面隐藏DIV

点击按钮显示隐藏DIV,点击DIV外面隐藏DIV 注意:此方法对touch事件不行,因为stopPropagation并不能阻止touchend的冒泡 <style type="text/css"> body { background-color:#999999; } #myDiv { background-color:#FFFFFF; width:250px; height:250px; display:none; } </style> <body>…

JVM 内存区域 (运行时数据区域)

JVM 内存区域 (运行时数据区域) 链接:https://www.jianshu.com/p/ec479baf4d06 运行时数据区域 Java 虚拟机在执行 Java 程序的过程中会把它所管理的内存划分为若干个不同的数据区域.这些区域都各有各自的用途,以及创建和销毁的时间,有的区域随着虚拟机进程的启动而存在,有些区域则依赖用户线程的启动和结束而建立和销毁.根据<Java 虚拟机规范(Java SE 8版)>的规定,Java 虚拟机所管理的内存将会包括以下几个运行时数据区域.如图:   程序…

点击div和某些控件之外的地方隐藏div，点击div不隐藏。对象 click和document click冲突有关问题

帮朋友解决这个问题,我发现用以往想想像的方式来实现,貌似不太可行,所以从网上找了一些解决办法,进行优化,这篇比较详细,所以拿来备忘,另一方面也希望可以帮助需要的同学! 问题背景:jQuery事件问题!!对象 click和document click冲突问题 我想点击某个元素显示一个对象, 点击页面任意处,隐藏这个对象 //点击look对象,显示隐藏mydiv $("#look").bind("click", function () {      $("#m…

OSPF多区域配置；骨干区域与非骨干区域；ABR边界路由器；LSA和SPF算法

SPF:链路状态路由算法.基本用于OSPF中,但是要求路由器路由数据库足够大,因为链路状态信息包括很多内容,这也是一个缺点. OSPF是一种内部网关协议(IGP) OSPF路由协议是一种典型的链路状态(Link-state)的路由协议,一般用于同一个路由域内.在这里,路由域指一个自治区域(AS)在这个AS中,所有的OSPF路由器都维护一个相同的描述这个AS结构的数据库,该数据库中存放的是路由域中相应链路的状态信息,OSPF路由器正是通过这个数据库计算出其OSPF路由表的. 作为一种链路状态的路由…

Jquery手机点击其他地方隐藏控件问题

因为不太懂mui的底部导航栏的操作,所以自己写了用很普通的方法实现手机底部导航栏,遇到了很多问题.比如:要实现点击底部菜单栏上某一个菜单,显示子菜单,然后点击手机空白处,隐藏菜单. 实现方法是: //点击其他地方隐藏下拉菜单 document.onclick = function(){ $("#defaultTab_submenu").hide(); $("#wgmenu_submenu").hide(); $("#zcmenu_submenu"…

点击一个div隐藏另一个div

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

ios-点击屏幕，隐藏键盘

ios-点击屏幕,隐藏键盘 - (void)getFirstRegist{ //结束键盘编辑 __weak typeof(self)weakSelf = self; UITapGestureRecognizer *tapGestureRecognizer = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(hiddenKeyBoard)];//注意是UITapGestureRecognizer NSOper…

点击其它地方隐藏div／事件冒泡／sweet－alert阻止冒泡

点击document时把div隐藏,但点击div时阻止点击事件冒泡到document,从而实现“点击文档其它地方隐藏div,点击div本身不隐藏”.js代码如下:$("#div").click(function(e){ e.stopPropagation();});$(document).click(function(){ $("#div").hide();});实现了点击其它地方隐藏div后遇到了另一个问题.我的div内部使用了bootstrap的tab组件,di…

局部变量存储区域静态变量存储区域static变量存储区域

局部变量存储区域静态变量存储区域static变量存储区域 常见的存储区域可分为: 1.栈 由编译器在需要的时候分配,在不需要的时候自动清楚的变量的存储区.里面的变量通常是局部变量.函数参数等. 2.堆 由new分配的内存块,他们的释放编译器不去管,由我们的应用程序去控制,一般一个new就要对应一个delete.如果程序员没有释放掉,程序会一直占用内存,导致内存泄漏,在程序结束后,操作系统会自动回收. 3.自由存储区 由malloc等分配的内存块,它和堆是十分相似的,不过它是用free来释放分配的…