前言 本文主要介绍DOM事件级别、DOM事件模型、事件流、事件代理和Event对象常见的应用,希望对你们有些帮助和启发! 本文首发地址为GitHub博客,写文章不易,请多多支持与关注! 一、DOM事件级别 DOM级别一共可以分为四个级别:DOM0级、DOM1级、DOM2级和DOM3级。而DOM事件分 ...
分类:
其他好文 时间:
2018-12-12 20:39:30
阅读次数:
224
1.生成节点的方法 document.createElement(“div”) 2.插入节点的方法 父元素.appendChild(新节点) 在父节点中的子节点后面插入新的节点 3.在指定的位置插入新的节点 (1) 父元素.insertBefore(新节点,谁的前面) 将新节点插入指定的元素前面 4 ...
分类:
Web程序 时间:
2018-12-02 20:11:34
阅读次数:
243
一、javascript简介 1.1 javascript简史 javascript诞生于1995年。当时它的主要目的是处理以前由服务器端语言负责的一些输入验证操作。 1.2 javaScript实现 一个完整的JavaScript实现 = 核心(ECMAScript)+文档对象模型(DOM)+浏览 ...
分类:
编程语言 时间:
2018-11-30 14:12:46
阅读次数:
150
一、事件流(捕获,冒泡) 事件流:指从页面中接收事件的顺序,有冒泡流和捕获流。 当页面中发生某种事件(比如鼠标点击,鼠标滑过等)时,毫无疑问子元素和父元素都会接收到该事件,可具体顺序是怎样的呢?冒泡和捕获则描述了两种不同的顺序。 DOM2级事件规定事件流包括三个阶段,如图: 假如我们点击一个div, ...
分类:
Web程序 时间:
2018-11-29 17:55:36
阅读次数:
190
DOM0 级事件模型(模拟器不支持) DOM0 级事件绑定 在 移动端有 300ms 的延迟 ontouchstart 手指按下事件 ontouchmove 手指移动事件 pntouchend 手指离开事件 DOM2 级事件模型(项目) 手指按下事件 ele.addEventListener("to ...
分类:
其他好文 时间:
2018-11-23 17:30:25
阅读次数:
200
Event事件对象,DOM2级方法 一.event事件对象 每个浏览器中的event 鼠标坐标获取 event.pageX / event.pageY相对于文档顶部,不兼容低版本IE event.clientX / event.clientY相对于可是区域 二.事件监听 attachEvent()I ...
分类:
其他好文 时间:
2018-11-11 15:04:46
阅读次数:
148
事件 1. DOM0级事件 通过函数赋值给事件处理程序属性。 注意:this指针指向当前元素(作用域为元素作用域) 2. DOM2级事件 通过addEventListener()添加的事件处理程序。 3. 事件类型 UI事件 DOMActivate,load(所有一切加载完毕),unload,abo ...
分类:
编程语言 时间:
2018-10-15 23:18:54
阅读次数:
283
把js的事件模型,分为两类,DOM0级和DOM2级, DOM0级 通常直接在DOM对象上绑定函数对象,指定事件类型,dom.onClick = function(){};类似于这种写法,移除事件,则直接令回调函数为null,复制给dom对象的事件属性即可。 DOM2级,则通常使用addEventLi ...
分类:
Web程序 时间:
2018-10-04 11:45:35
阅读次数:
189
1、DOM中的事件级别 DOM0: element.onclick = function(){} DOM1: 没有与事件相关的设计 DOM2: element.addEventListener('click',function(){},false/true);冒泡/捕获,默认冒泡 DOM3:elem ...
分类:
其他好文 时间:
2018-09-24 21:46:36
阅读次数:
270
之前看书没太注意这个问题,直到我今天看书看到一个DOM0级,于是我就在群里问了下各个级别的意思区别.. 首先我们的确定标准了是没有DOM0级的。在平时阅读的时候可能会读到DOM0级(DOM Level0)的字眼。实际上,DOM0级标准是不存在的,所谓的DOM0级是DOM历史坐标中的一个参照点而已,具 ...
分类:
其他好文 时间:
2018-09-13 17:30:30
阅读次数:
177