给元素注册事件(事件绑定) 事件源.on事件类型 = 事件处理程序 事件监听 事件目标.addEventListener(事件类型,事件处理程序,是否捕获); 事件监听移除元素事件程序 事件目标.removeEventListener(事件类型,事件处理程序名称); 事件流 事件冒泡 现象:从目标阶 ...
分类:
Web程序 时间:
2019-01-24 17:16:04
阅读次数:
208
当需要在大量元素上绑定事件的时候,特别是在动态更新的元素上,这个绑定是既麻烦又消耗性能的一件事。比较好的做法是在它们共同的父级元素上绑定一个事件,在事件冒泡阶段触发相应的效果。这种把一个元素的响应事件函数委托给另一个元素的用法便叫事件委托。 实际使用时往往不是每一个子元素都需要被委托,这时候可以用到 ...
分类:
其他好文 时间:
2019-01-21 12:11:51
阅读次数:
145
基础: JS基本数据类型有哪些?复制数组有哪些方式?如何判断一个值未定义或为空,常见应用场景是什么?跨域请求服务端的返回值是什么?简述事件冒泡? CSS: 简述flex-direction的作用CSS中实现动画时,@keyframe 与 transition的区别移动位置的动画,使用translat ...
分类:
其他好文 时间:
2019-01-17 10:18:55
阅读次数:
211
事件冒泡 当我们点击.content时,事件的执行顺序是content box body document。所以事件冒泡的走向是由子节点向父节点去触发同名事件 事件捕获 当我们点击.content时,事件的执行顺序是document body box content。所以事件冒泡的走向是由父节点向子 ...
分类:
Web程序 时间:
2019-01-15 20:33:38
阅读次数:
173
HTML 给每个div绑定一个点击事件,在控制台输出当前的id值,js代码 当点击最里层dv3的时候,控制台会依次输出 事件触发的顺序会依次由里向外,这就是事件冒泡。 当addEventListener()函数中的第三个参数值为true的时候,上边的代码依次输出的值为dv1 dv2 dv3,顺序是由 ...
分类:
编程语言 时间:
2019-01-15 11:52:28
阅读次数:
125
1 事件绑定:事件与函数绑定的方式 1.1 元素.onclick这种形式,如下: 1 <div id="div1">aaa</div> 2 3 <script type="text/javascript"> 4 var oDiv1 = document.getElementById('div1'); ...
分类:
Web程序 时间:
2019-01-14 15:04:33
阅读次数:
230
第一次面试: 1、$.ajax如何设置请求头 2、对JS面向对象编程的理解 3、H5新特性 4、CSS3新特性 5、字符串操作函数 6、如何处理跨域问题 7、对开发模块化的理解 第二次面试: 1、$.ajax工作原理,以及原生的写法 2、JS事件冒泡和事件捕获 3、vue-cli手脚架的把vue解析 ...
分类:
其他好文 时间:
2019-01-10 19:29:53
阅读次数:
128
事件处理函数 绑定事件处理函数 事件函数中的 指向元素本身 IE9以下不兼容,可以绑定多个处理函数,按绑定的顺序执行,绑定事件函数中的 指向自己本身 IE所独有的 指向window 话说为什么for in 遍历类数组的时候,会把他的length遍历出来 解除 以及上面的 第三个参数,具体见 "MDN ...
分类:
其他好文 时间:
2019-01-09 17:34:44
阅读次数:
265
大概七月底开始实习,到现在经历了两个完整的项目(c2b)。 因为开发时间紧,任务重,所以在开发过程踩到的坑都没时间去记录。 现在在开发一个某链运输监控系统,到了收尾阶段,有时间写博客了!开心! 一、鼠标移入移出标注,信息框会产生闪烁 如下图: 网上一堆解决的办法,一开始以为是事件冒泡(mouseov ...
分类:
其他好文 时间:
2019-01-07 21:02:48
阅读次数:
1120
事件是用户在浏览器执行的某种动作。一个完整的JS事件流从window开始最后window。事件负责在javaScript和DOM之间交互。事件流事件流描述的是从页面中接受事件的顺序。事件流三个阶段: 事件捕获。 处于目标。 事件冒泡。事件关键字onload 页面完成加载onclick 鼠标点击某个对 ...
分类:
Web程序 时间:
2019-01-06 20:10:25
阅读次数:
206