添加事件监听(DOM2) element.addEventListener(type, callback[, useCapture]) -- type:事件类型字符串 -- callback:回调函数,事件处理程序 -- useCapture:可选参数,是否使用事件捕获的方式处理事件,如果传递 tr ...
分类:
其他好文 时间:
2019-01-08 21:17:47
阅读次数:
184
事件是用户在浏览器执行的某种动作。一个完整的JS事件流从window开始最后window。事件负责在javaScript和DOM之间交互。事件流事件流描述的是从页面中接受事件的顺序。事件流三个阶段: 事件捕获。 处于目标。 事件冒泡。事件关键字onload 页面完成加载onclick 鼠标点击某个对 ...
分类:
Web程序 时间:
2019-01-06 20:10:25
阅读次数:
206
JavaScript事件详解事件流事件处理事件对象 事件流:描述的是在页面中接受事件的顺序事件冒泡:由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点(文档)事件捕获:最不具体的节点先接收事件,而最具体的节点应该是最后接收事件 事件处理1、HTML事件处理:直接添加到HTML结构中 缺点:如 ...
分类:
编程语言 时间:
2019-01-02 12:51:12
阅读次数:
182
事件流是一个事件沿着特定数据结构传播的过程。冒泡和捕获是事件流在DOM中两种不同的传播方法。 事件流有三个阶段: 事件捕获阶段 处于目标阶段 事件冒泡阶段 什么是捕获和冒泡 假设有节点如下: <div id="div1"> <div id="div2"></div> </div> <script> ...
分类:
编程语言 时间:
2018-12-26 22:28:43
阅读次数:
151
事件流: 通俗的说就是:元素触发时,传播的过程。 冒泡型事件流:事件的传播是从最具体的事件目标到最不具体的事件目标。即从DOM树的叶子到根。 <div>—》<body>—》<html>—》document 捕获型事件流:事件的传播是从最不具体的事件目标到最具体的事件目标。即从DOM树的根到叶子。 d ...
分类:
其他好文 时间:
2018-12-24 11:14:33
阅读次数:
103
事件委托 1. 事件流 事件流描述的是从页面中接收事件的顺序。 JS高级程序设计(第3版) 规定的事件流有三个阶段:①事件 捕获 阶段、②处于 目标 阶段、③事件 冒泡 阶段 2. 事件委托 当需要添加的事件过多时,可以使用 事件委托 ,而事件委托实际上利用了事件 冒泡 的特性。 使用事件委托还需了 ...
分类:
Web程序 时间:
2018-12-08 17:10:07
阅读次数:
453
1.事件 浏览器客户端上客户触发的行为都称为事件 所有的事件都是天生自带的,不需要我们去绑定,只需要我们去触发。 通过obj.事件名=function(){} 事件名:onmouseover onmouseout onmousedown onmousemove onmouseup Onclick o ...
分类:
其他好文 时间:
2018-12-02 20:08:17
阅读次数:
153
<div id="dv1"> <div id="dv2"> <div id="dv3"></div> </div></div><script src="commer.js"></script><!--事件的阶段--><!--1:事件捕获阶段---》从外向内 》1--><!--2:事件 ...
分类:
其他好文 时间:
2018-12-01 20:13:10
阅读次数:
176
面向对象 (1) 类 Js天生自带的类 Object 基类 Function Array Number Math Boolean Date Regexp String 1.事件 浏览器客户端上客户触发的行为都称为事件 所有的事件都是天生自带的,不需要我们去绑定,只需要我们去触发。 通过obj.事件名 ...
分类:
Web程序 时间:
2018-11-30 15:44:55
阅读次数:
187
方法 给一个元素绑定事件 普通写法是 obj.onclick=function(){}这就相当于给obj的onclick属性赋值是一个道理 obj.onclick=function(){} 这种写法不是很好 后者会将前者覆盖掉 事件绑定的第二种方法 标准浏览器用 addEventListener() ...
分类:
其他好文 时间:
2018-11-30 15:44:25
阅读次数:
120