js(jquery)的on绑定点击事件执行两次的解决办法—不是事件绑定而是事件冒泡 阻止冒泡的方法并不止 return false 这一种,还有event.stopPropagation(),这两种方法是有区别的,简单来说:event.stopPropagation()会阻止事件往上冒泡,但是并不阻 ...
分类:
Web程序 时间:
2017-11-08 13:18:00
阅读次数:
214
布局代码 js测试代码 鼠标点击下图绿色部分,addEventListener最后一个参数的设置(是否用capture): true捕获,依次出现:document—>outer—>inner false冒泡,依次出现:innert—>outer—>document ...
分类:
Web程序 时间:
2017-11-07 22:13:08
阅读次数:
178
Angular组件和DOM元素通过事件与外部进行通信,两者中的事件绑定语法是相同的-(eventName)="expression": DOM元素 DOM 元素触发的一些事件通过 DOM 层级结构传播,事件首先由最内层的元素开始,然后传播到外部元素,直到它们到根元素,这种传播过程称为事件冒泡。 DO ...
分类:
其他好文 时间:
2017-11-06 13:11:13
阅读次数:
155
本文参考资料是:高级编程语言第三版(13章事件和22章自定义事件)。 本文涉及到: js事件是什么?高级程序13章第一句话说:js与html之间的交互是通过事件实现的。事件是浏览器或者用户自身执行的某种动作,例如我们最常用到的点击事件。 1:js事件 页面1-1 实例:测试上面所说的事件冒泡和事件捕 ...
分类:
Web程序 时间:
2017-11-04 16:29:13
阅读次数:
161
不愤不启不悱不发,不要一直做伸手党 事件委托:利用事件冒泡机制,监听父元素事件处理子元素(监听父元素事件实现监听子元素事件的相同效果) click-->MouseEvent-->UIEvent-->Event (原型链、chrome) ...
分类:
其他好文 时间:
2017-11-03 20:28:53
阅读次数:
120
起因: 1、这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的; 2、其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考; 概述: 那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事 ...
分类:
Web程序 时间:
2017-11-02 23:10:54
阅读次数:
227
1:w3c 制定的 javascript 标准事件模型的正确的顺序? 答案:事件捕获->事件处理->事件冒泡 解析:先事件捕获从windows > document 往下级直到 特定的事件节点,然后进行事件处理,再事件冒泡,从特定节点往上级,这个完整的过程 1:列举javascript Browse ...
分类:
Web程序 时间:
2017-11-02 15:59:25
阅读次数:
249
1.闭包 闭包指有权访问另一个函数作用域中变量的函数,创建闭包最常见的方式就是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量,利用闭包可以突破作用域链,将函数内部的变量和方法传递到外部。 闭包的特性: 1>.函数内再嵌套函数 2>.内部函数可以引用外层的参数和变量 3>.参数和变量 ...
分类:
Web程序 时间:
2017-11-01 22:54:02
阅读次数:
225
一. 事件委托什么是事件委托?用现实中的理解就是:有100 个学生同时在某天中午收到快递,但这100 个学生不可能同时站在学校门口等,那么都会委托门卫去收取,然后再逐个交给学生。而在jQuery 中,我们通过事件冒泡的特性,让子元素绑定的事件冒泡到父元素(或祖先元素)上,然后再进行相关处理即可。如果 ...
分类:
编程语言 时间:
2017-11-01 18:54:08
阅读次数:
209
一、定义 事件捕获:从document到触发事件的那个节点,自上而下触发事件; 事件冒泡:从触发事件节点依次向上触发事件,直到document。 原声js中,绑定事件方法addEventListener(eventName,function,bool)的第三个参数控制事件触发顺序。true为捕获,f ...
分类:
Web程序 时间:
2017-11-01 01:06:30
阅读次数:
248