JS学习笔记之DOM与事件

DOM主要针对元素的操作，主要有创建、增、删、改、查、属性、事件

一、DOM核心内容

1.创建

2.新增

3.删

4.改

 

5.查 

 6.属性

7.事件

 

 二、事件

1.注册事件

 addEventListener('XXX', function(){})

2.删除事件

 移除的时候不能使用匿名函数进行移除

 我移除我自己

3.DOM事件流

捕获阶段和冒泡阶段

捕获：

 

冒泡：

 4.事件对象

事件对象是系统自动创建，无需手动传参，包含了事件中的所有信息。

 

 5.事件对象阻止默认行为

 6.阻止事件冒泡

event.stopPropagation();

event.cancelBubble = true;

在子代位置写入event.stopPropagation();就可以阻止冒泡

 7.事件委托

 事件委托原理：给父节点添加侦听器，利用事件冒泡影响每一个子节点

 8.鼠标事件对象

1）禁止邮件菜单、禁止选中文字

 2）获得鼠标事件的X、Y轴左边

常用的是event.clientX；；event.clientY和e.pageX；；e.pageY

9.键盘事件

document.addEventListener('keydown', function () {

console.log('down');

})

 三种事件执行顺序：keydown--->keypress--->keyup

1）得到相应键位的ASCII码值

 keyup事件触发时，文字已经落入文本框中