WebAPI亮亮精华`

WebAPI-day03
(1.(标记分支重点) 数字顺序代表一个模块(2.-3.)
节点操作 1. 删除节点 - parent.removeChild (只能是父亲删除儿子)
1. 克隆节点 - element.cloneNode(false|true) false 代表是浅克隆 , true 代表深度克隆 .
2. 创建节点的三种方式 - 1. element.innerHTML (效率高,结构不便查看和进行事件注册) 1.document.createElement(效率比上面低,但结构清晰,方便注册)
3. 注册时间的方式 - 1.传统方式注册 - btn.onclick = function(){}
1. 添加监听 - btn.addEventListener(‘click’,fn,flag) - flag:false代表事件冒泡 flag:true 代表是事件捕获
4. 注册事件的方式 - 1. 传统方式 - btn.onclick = null;
- 1. 监听方式 - btn.removeEventListener(btn.remove)
5.事件流的三个阶段 - 1. 捕获阶段 (从外到内一层一层进行冒泡)
目标阶段
冒泡阶段 - 从内到外,从目标对象向外一层一层进行冒泡
6. 事件对象 - 什么是事件对象 - 描述这一次事件的对象, 里面封装了这次事件相关的数据信息
属性 1. e.target 获取触动事件的对象
1. e.pageX|pageY 获取鼠标在页面上的位置
2. e.clientX|clientY 获取鼠标在可视区域的位置
方法 - 阻止冒泡 1.- e.stopPropagation ()
1 - 阻止默认行为 - e.preventDefault(在传统方式中注册的,我们可以直接用return false)
7. 事件委派 - 原理 : 用的是事件冒泡
本应该给子元素绑定的事件 , 我给父元素去设置 ,这样我们一旦点击了子元素, 就会通过事件冒泡给父元素的事件 , 然后通过我们的事件对象.target 就能够获取到目标元素