之前总是单纯的记得事件冒泡和事件捕获相反,一个从下至上,另一个从上至下,但是却没有弄明白他们的执行顺序,导致昨晚笔试CVTE出了类似这么一道题不会做。 对于DOM和DOM2级事件这两个区别就不详细解释了,网上大把资料。 这里仅针对该题目进行事件捕获和事件冒泡顺序进行理解。 首先要明白DOM2级事件规 ...
分类:
其他好文 时间:
2019-08-31 12:45:36
阅读次数:
82
事件周期 事件捕获 dom对象从最外层开始,逐层向下记录每一个dom对象上有没有绑定该事件,如果有记录下来 执行顺序:从外层向内层 直到目标元素截止 事件目标 事件触发 目标元素的事件触发 事件冒泡 从目标元素开始,逐层向上冒泡触发(捕获阶段记录的绑定的事件) 执行顺序:由内向外 1,当祖先元素和后 ...
分类:
其他好文 时间:
2019-08-29 23:09:30
阅读次数:
102
获取事件对象的兼容ie写法 阻止事件冒泡的兼容ie写法 监听式绑定的兼容ie写法 取消绑定事件的兼容ie写法 ...
分类:
Web程序 时间:
2019-08-27 23:18:07
阅读次数:
121
首先我们先弄明白浏览器事件触发机制,分为三个阶段: 1. 事件捕获阶段:window 往事件触发处传播,遇到注册的捕获事件会触发 (addEventListener 的 true) 2. 事件目标处理函数:传播到事件触发处时触发注册的事件 (博主没搞懂这个阶段) 3. 事件冒泡阶段:从事件触发处往 ...
分类:
其他好文 时间:
2019-08-25 11:43:41
阅读次数:
102
原因是因为: touchmove事件冒泡; 解决方案: 阻止遮罩层冒泡,在小程序里面 利用catch+事件名就可以阻止冒泡, 所以 在遮罩层填上事件 catchtouchmove="preventdefault" 小程序1.5.0后可以写上 capture-catch:touchmove="prev ...
分类:
微信 时间:
2019-08-24 19:02:45
阅读次数:
134
需要具备知识点: html、css js基础、dom操作 jquery API: 添加事件、事件委托、事件冒泡、创建添加结点 dom位置 尺寸 动画过渡、显示隐藏 尝试封装jq的简单插件 数组添加 位置查找 https://www.haorooms.com/post/js_jquery_chajia ...
分类:
编程语言 时间:
2019-08-23 00:27:38
阅读次数:
152
mdn上写了,scroll事件冒泡并不能被取消:https://developer.mozilla.org/en-US/docs/Web/API/Document/scroll_event 我当前遇到一个业务就是,在h5页面内,整个页面需要支持上下滑(touchstart/touchmove/tou ...
分类:
其他好文 时间:
2019-08-19 00:15:40
阅读次数:
212
我们在用webpack构建项目的时候,有两种配置打包文件的方式: 针对于以上的第二种方式我贴下我之前一篇博客中的配置 Vue动态注册异步组件(非同一个工程的组件) 对单文件打包的方式的loader被称为行内(inline)loader;对于rules中的loader,webpack还定义了一个属性 ...
分类:
Web程序 时间:
2019-08-18 15:25:35
阅读次数:
387
事件冒泡是事件流的第三个阶段,通过事件冒泡可以在这个阶段对事件做出响应。 关于冒泡,事件对象中包含bubbles、cancelBubble、stopPropagation()和stopImmediatePropagation()这四个属性和方法。 bubbles属性返回一个布尔值,表示当前事件是否会 ...
分类:
其他好文 时间:
2019-08-06 00:36:41
阅读次数:
104
样式绑定 事件处理 表单 Vue组件 样式绑定 事件处理 表单 Vue组件 样式绑定 效果图: 事件处理 Vue通过由点(.)表示的指令后缀来调用修饰符, .stop .prevent .capture .self .once 如何调用修饰符 <!-- 阻止单击事件冒泡 --> <a v-on:cl ...
分类:
其他好文 时间:
2019-08-03 13:04:57
阅读次数:
110