JS DOM
乖小懒
这个作者很懒,什么都没留下…
展开
-
JS DOM 事件对象
4 事件对象 4.1 什么是事件对象 eventTarget. onclick = function (event) {} eventTa rget . addEventListener(‘click’, function(event) {}) //这个event就是事件对象,我们还喜欢的写成e或者event 官方解释: event对象代表事件的状态,比如键盘按键的状态鼠标的位置、鼠标按钮的状态。 简单理解:事件发生后,跟事件相关的一系列信息数据的集 合都放到这个对象里面,这个对象就是事件对象 event原创 2020-06-13 21:29:29 · 140 阅读 · 0 评论 -
JS DOM 事件流
3 DOM事件流 事件流描述的是从页面中接收事件的顺序。 事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程即DOM事件流。 比如我们给一个div 注册了点击事件: DOM事件流分为3个阶段: 1.捕获阶段 2.当前目标阶段 3.冒泡阶段 ●事件冒泡:IE最早提出,事件开始时由最具体的元素接收,然后逐级向上传播到到DOM最顶层节点的过程。 ●事件捕获:网景最早提出,由DOM最顶层节点开始,然后逐级向下传播到到最具体的元素接收的过程。 注意: JS代码中只能执行捕获或者冒泡其中的一个阶段。 oncl原创 2020-06-13 21:23:14 · 147 阅读 · 0 评论 -
JS DOM 删除事件
2 删除事件(解绑事件) 2.1 删除事件的方式 1.传统注册方式 eventTarget. onclick = null; 2.方法监听注册方式 ①eventTarget. removeEventListener (type, listener [ useCapture]) ; ②eventTarget. de tachEvent (eventNameWithon, cal1back) ; <script> var divs = document.querySelectorAll('div'原创 2020-06-13 09:27:06 · 908 阅读 · 0 评论 -
JS DOM 注册事件
1 注册事件(绑定事件) 1.1 注册事件概述 给元素添加事件,称为注册事件或者绑定事件。 注册事件有两种方式:传统方式和方法监听注册方式 传统注册方式 ●利用on开头的事件onclick ●btn.onclick = function0 {} ●特点:注册事件的唯一性 ●同一个元素同一一个事件只能设置一个处理函数,最后注册的处理函数将会覆盖前面注册的处理函数 方法监听注册方式 ●w3c 标准推荐方式 ●addEventListener0它是一 一个方法 ●IE9 之前的IE不枝持此方法,可使用attac原创 2020-06-12 16:33:22 · 247 阅读 · 0 评论