一、冒泡事件简介 当我们点击一个控件的时候，如果包括这个控件的父控件也有click事件，则会继续执行。 方法一：event.stopPropagation( ); 例如： html代码： 方法二：event.target eventevent.targetDOM API jQuery.targetD ...
分类：
Web程序 时间：
2017-06-01 13:20:34
阅读次数：
302
阻止事件冒泡和默认事件 .XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同： XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。 标签名必须用小写字母。 XHTML 文档必须拥有根元素。 2.前端页面有哪三层构成， ...
分类：
其他好文 时间：
2017-06-01 10:22:49
阅读次数：
408
if(ele.addEventListener) //符合w3c标准的浏览器 { ele.addEventListener("click", function (e){ e.stopPropagation(); }); } else{// IE8及以下 ele.attachEvent("onclic... ...
分类：
Web程序 时间：
2017-05-31 19:04:28
阅读次数：
292
function stopBubbling(e) { e = window.event || e; if (e.stopPropagation) { e.stopPropagation();//阻止事件冒泡传播 } else { e.cancelBubble = true; //ie兼容 } } $ ...
分类：
其他好文 时间：
2017-05-31 18:58:59
阅读次数：
159
// 阻止事件冒泡 function stopBubble(e){ if(e && e.stopPropagation){ e.stopPropagation(); }else{ window.event.cancelBubble = true ... ...
分类：
其他好文 时间：
2017-05-31 12:13:33
阅读次数：
302
事件： 事件冒泡行为： 1、@click="show($event)" show:function (ev) { ev.cancelBubble=true; } 2、@click.stop="show()" 事件捕获行为： <div v-on:click.capture="doThis">...</ ...
分类：
Web程序 时间：
2017-05-29 19:18:14
阅读次数：
271
鼠标双击之后执行顺序：span->p->section->span->section 上面各个修饰符的作用： .prevent: 提交事件不再重载页面 .stop: 阻止单击事件冒泡 .self: 当事件发生在该元素本身而不是子元素的时候会触发 .capture: 事件侦听，事件发生的时候会调用 . ...
分类：
其他好文 时间：
2017-05-23 15:56:41
阅读次数：
575
原文参考https://mp.weixin.qq.com/s/mCVL6qI33XeTg4YGIKt-JQ 1.事件代理给父元素添加事件，利用事件冒泡原理，在根据e.target来获取子元素<ul id="parentBox"> <li class="item">1</li> <li class=" ...
分类：
Web程序 时间：
2017-05-20 17:17:13
阅读次数：
201
比如想实现点击列表弹出筛选器，点击其他任意地方关闭筛选器，如图该筛选器class名$(document).click(function(){
$(".subMenu").hide();
});
$(".subMenu").on("click",function(event){
//取消事件冒泡
vare=arguments.callee.caller.arguments[0]||event;//若省略此句，下面..
分类：
Web程序 时间：
2017-05-17 23:29:13
阅读次数：
243
事件监听： 使用监听器（eventListener）来预定事件，在传统软件工程中称成为观察者模式 执行某种操作时（特定的交互瞬间），会产生对象，对象会沿事件流的方向传播。 事件流: 事件流有两种顺序，事件捕获流以及事件冒泡流 事件捕获是从大到小，事件冒泡是从小到大。 如果你点了div，事件冒泡流的顺 ...
分类：
Web程序 时间：
2017-05-17 19:57:04
阅读次数：
218
