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事件触发时,文字已经落入文本框中