嵌套的div元素,如果父级和子元素都绑定了一些事件,那么在点击最内层子元素时可能会触发父级元素的事件,下面介绍一下js阻止默认事件与js阻止事件冒泡示例,大家参考使用吧 1. event.preventDefault(); -- 阻止元素的默认事件。注:a元素的点击跳转的默认事件 , button, ...
分类:
Web程序 时间:
2017-09-18 01:14:07
阅读次数:
250
2017-09-17 笔记及源码地址 : https://github.com/wll8/vue_note vue 中的事件深入。 事件: @click/mouseover…事件简写: @ 如 @clkck属性简写: : 如 :src传入原生事件对象: $event 事件冒泡:原生 ev.cance ...
分类:
Web程序 时间:
2017-09-18 00:20:23
阅读次数:
327
事件处理在JS中可谓是点睛一笔,JS的事件处理程序使得JS成为了网页交互层的第一把交椅。那么,JS中有几种事件处理程序呢? 1.DOM0级事件处理程序 通过JS指定事件处理程序的传统方式,就是将一个函数添加给一个对象的事件处理程序。这种方式为现代所有的浏览器所用。原因一是方便简单,原因二是可以实现跨 ...
分类:
编程语言 时间:
2017-09-16 22:03:02
阅读次数:
166
事件是JS和HTML交互的方式。 事件流 事件流是HTML文档接收事件的顺序。分为2个流派:事件冒泡流和事件捕捉流。 事件冒泡流 由内到外 事件捕捉流 由外到内 DOM事件流 事件处理程序 ...
分类:
Web程序 时间:
2017-09-16 17:09:19
阅读次数:
150
1.事件流 假设有这样一个场景: 有一个导航条:div > ul > li > a,每个元素块宽高一样,就像是一组同心圆。如果我们点击a元素,那么浏览器会认为单击事件不仅仅发生在a上。换句话说,在我们单击a元素的同事,我们也单击了容器中的其他元素。 事件流描述的是从页面中接收事件的顺序。但有意思的是 ...
分类:
其他好文 时间:
2017-09-13 17:12:13
阅读次数:
136
avalon 触屏 事件 tap, longtap, doubletap swipe, swipeleft, swiperight,swipedown,swipeup pinch, pinchstart,pinchend,pinchin,pinchout drag,dragstart,dragend ...
分类:
移动开发 时间:
2017-09-12 23:13:34
阅读次数:
291
浏览器事件流是指页面接受事件的顺序: 有事件捕获和事件冒泡: 事件捕获是指从document到html再到body最后到div元素。 事件冒泡是指事件会从div传到body再到html再到最外面的document。 在dom事件流中分为事件捕获,处于目标阶段,事件冒泡。 事件处理程序,也就是绑定事件 ...
分类:
其他好文 时间:
2017-09-11 19:55:22
阅读次数:
152
dom中的时间对象:event.type 事件的类型 bubbles 布尔型 是否冒泡 target目标元素 被点击的元素 preventDefaul()阻止未完成的事件取消默认行为 stopPropagation()停止传播:阻止事件捕获和事件冒泡。 IE的事件对象:window.event ev ...
分类:
其他好文 时间:
2017-09-11 19:37:30
阅读次数:
143
一.事件流 1.事件冒泡 2.事件捕获 二.事件处理程序 2. DOM 0级事件处理程序 3. DOM 2级事件处理程序 ※浏览器兼容性处理程序(每一个事件之间用,分隔) var eventUtil={ addHandler:function(element,type,handler){ if(el ...
分类:
其他好文 时间:
2017-09-08 20:33:37
阅读次数:
171