冒泡事件就是有内到外,由下至上如冒泡般触发的顺序 ...
分类:
编程语言 时间:
2017-02-05 12:36:00
阅读次数:
196
1、事件委托原理 利用事件冒泡,事件绑定到父元素上,点击子元素的时候,委托父元素触发事件。2、js短路运算 条件语句的简写 例如:if(a >=6){ alert("你好"); } 可以简成: a >= 6 && alert("你好"); 3、获取某月的最后一天 new Date(2016,12,0 ...
分类:
编程语言 时间:
2017-02-05 11:16:04
阅读次数:
174
在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1..停止事件冒泡 JavaScript代码 //如果提供了事件对象,则这是一个非IE浏览器if ( e && e.stopPropagation )//因此它支持W3C的stopPropagatio ...
分类:
Web程序 时间:
2017-02-03 14:30:03
阅读次数:
167
搜索事件委托和事件冒泡,网上一大堆乱七八糟的解释,当然意思都对,没毛病。 but,真的无聊。 事件冒泡:事件会从点击的元素开始依次向上流出,直到html,遇见事件监听则执行。 事件委托:原因——父元素下有若干不定子元素需要添加相同监听事件。处理方法——利用事件冒泡性质给父元素加监听事件,再用e.ta ...
分类:
移动开发 时间:
2017-02-03 11:58:38
阅读次数:
227
这里直接把《Javascript 高级程序设计(第三版)》中的解释贴出来: 由于mouseover和mouseout事件会冒泡,所以如果为一个元素添加了这两个事件,那么在该元素的后代元素上切换时会重复触发该元素的这两个事件(在项目中要注意)。如果在后代元素上阻止事件冒泡,那么鼠标指针移到后代元素上, ...
分类:
其他好文 时间:
2017-02-02 21:42:36
阅读次数:
223
事件流 描述的是在页面中接收事件的顺序 事件冒泡 由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点(文档) 事件捕获 最不具体的节点先接收事件,而最具体的节点应该是最后接收事件 事件处理 HTML事件处理:直接添加到HTML结构中 DOM 0级事件处理:把一个函数赋值给一个事件处理程序属性 ...
分类:
编程语言 时间:
2017-02-02 21:39:46
阅读次数:
236
假设网页上有两个元素,其中一个元素嵌套在另一个元素中,并且都被绑定了 click 事件,同时 body 元素上也绑定了 click 事件。 当单击内部 span 元素,会输出三条记录: 该现象就是由事件冒泡引起的。 元素的 click 事件会按照以下顺序冒泡: span div body 其顺序与事 ...
分类:
Web程序 时间:
2017-01-27 20:06:45
阅读次数:
235
在JS中,绑定的事件默认的执行时间是在冒泡阶段执行,而非在捕获阶段(重要),这也是为什么当父类和子类都绑定了某个事件,会先调用子类绑定的事件,后调用父类的事件。直接看下面实例 当点击id3元素时候,执行结果是:id2,id3,id1 解析:因为obj2与obj3绑定的方法在捕获阶段执行,obj1的事 ...
分类:
Web程序 时间:
2017-01-24 14:53:04
阅读次数:
225
一、JS动画与动作不一致解决: 1 2 3 if(!$( "#handle").is(":animated")){ //判断元素是否处于动画状态 } 二、停止事件冒泡 1 2 3 4 5 6 7 8 9 10 11 event.stopPropagation(); - 禁止JS报错 window.o ...
分类:
编程语言 时间:
2017-01-20 12:33:32
阅读次数:
623
下面我想实现的效果是点击按钮显示和隐藏div,点击document隐藏div。但是发现如果没有取消事件冒泡,点击按钮始终不会显示div,那是因为事件一层一层往上冒泡,最终去到document,直接执行了document上的点击事件。实际上不是没有显示出div,而是显示瞬间又执行了document的点 ...
分类:
其他好文 时间:
2017-01-19 17:55:26
阅读次数:
205