【ionic实现点击popup区域外部分来关闭popup】的更多相关文章

ionic实现点击popup区域外部分来关闭popup

var htmlEl = angular.element(document.querySelector('html')); htmlEl.on('click', function (event) { if (event.target.nodeName === 'HTML') { if (myPopup) {//myPopup即为popup myPopup.close(); } } });…

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

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

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…

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

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

触发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…

点击区域外隐藏该区域，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…

给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内点击事件, 需要展示区块内的附属操作区块,对于区块外的点击, 需要将前面说的附属操作区块隐藏掉. 分析:对于一般的HTML控件,有标准的js事件接口, focus和blur,来实现类似效果, 在focus中添加显示附属控件操作, 在blur中隐藏掉.例如 文本输入框, 和 image 类型的input, 但是对于设计出的样式不能通过这类控件来表达时候,就需要使用div框来设计布局,虽然HTML控件具有更好的accessibility.   技术思路:事件event在DOM树…

Android popupwindow 失去焦点或者点击空白区域时消失的解决方法

先来看下Android API 的这个Methods: public void setOutsideTouchable (boolean touchable) Controls whether the pop-up will be informed of touch events outside of its window. This only makes sense for pop-ups that are touchable but not focusable, which means to…

bootstrap 弹出框点击其他区域时弹出框不消失选项设置

默认情况下,bootstrap 弹出框点击其他区域时,弹出框会自动关闭,在很多时候,我们可能会希望达到和原生弹出框一样的效果,避免不小心点击其他区域时弹框自动隐藏,尤其是对于一些复杂的表单,重复填写可能会带来很不好的体验效果,所以,我们会希望不会发生这种情况,事实上bootstrap dialog提供了大量的选项可以设置各种dialog的行为和效果.如下所示: <div class="modal fade" id="myModal" tabindex=&quo…