事件对象： @click="show($event)" ev.clientX 接收 事件冒泡： 阻止冒泡： 1. ev.cancelBubble=true; 2.@click.stop="" 推荐 默认行为（默认事件）： 阻止默认事件： 1.ev.preventDefault 2.@contextm ...
分类：
其他好文 时间：
2017-06-25 12:00:45
阅读次数：
124
1、事件冒泡<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Document</title>
<styletype="text/css"media="screen">
#d1{width:200px;height:300px;background:#CCC;display:none;}
</style>
<scri..
分类：
编程语言 时间：
2017-06-20 09:44:26
阅读次数：
212
JavaScript与HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。 1、事件流：描述的是从页面中接收事件的顺序。 IE提出的事件冒泡流：事件开始由最具体的元素接收，然后向上传播到较为不具体的节点。 Nerscape提出的事件捕获流：由最不具体的元素逐渐传 ...
分类：
Web程序 时间：
2017-06-18 21:46:23
阅读次数：
257
一、事件冒泡 方法一、使用event.cancelBubble = true来组织冒泡 方法二：使用vue自带的方法组织冒泡 拓展：事件修饰符 参考API：http://cn.vuejs.org/v2/guide/events.html#事件修饰符 在事件处理程序中调用 event.preventD ...
分类：
其他好文 时间：
2017-06-17 19:33:55
阅读次数：
281
一、事件冒泡 方法一、使用event.cancelBubble = true来组织冒泡 methods:{ show1:function(ev){ console.log(ev); alert(1); ev.cancelBubble=true; /*阻止冒泡*/ ... ...
分类：
其他好文 时间：
2017-06-17 19:27:48
阅读次数：
157
先上结论：在事件执行流中有两种执行方式。一种是事件冒泡(即事件的执行顺序是从下往上执行的) ; 另一种是捕获(即事件的执行顺序是从上往下执行的); 阻止事件冒泡: return false; 火狐/ie都支持 function(even){ var ev=even||window.even; if( ...
分类：
Web程序 时间：
2017-06-15 17:18:27
阅读次数：
162
1、e.stopPropagation()阻止事件冒泡 2、e.preventDefault()阻止事件默认行为。 3、return false等效于同时调用e.preventDefault()和e.stopPropagation() ...
分类：
Web程序 时间：
2017-06-14 16:37:48
阅读次数：
204
function stopEvent(){ //阻止冒泡事件 //取消事件冒泡 var e=arguments.callee.caller.arguments[0]||event; // //若省略此句，下面的e改为event，IE运行可以，但是其他浏览器就不兼容 if (e && e.stopPr ...
分类：
其他好文 时间：
2017-06-14 13:09:31
阅读次数：
117
在我们前端开发中,经常会遇到兼容性的问题,因为要考虑用户会使用不同的浏览器来访问你的页面,你要保证你做的网页在任何一个浏览器中都能正常的运行,下面我就举几个常用原生JS的兼容写法: 1:添加事件方法 addHandler：function(element,type,handler){ if(elem ...
分类：
Web程序 时间：
2017-06-12 23:56:06
阅读次数：
232
