Javascript之DOM4

WSR712

于 2021-03-24 01:54:16 发布

阅读量184

点赞数

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/HU_LILI/article/details/115156642

版权

本文介绍了JavaScript DOM4中的事件处理，包括事件对象的使用、事件对象的属性如`.target`与`this`的区别，以及如何处理事件冒泡。此外，讲解了事件委托的概念，通过在父元素上设置监听器来影响所有子节点。还讨论了键盘事件，如keyup、keydown和keypress，以及它们的属性keyCode。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Javascript之DOM4

5.1事件对象

event写在侦听函数小括号中，当形参来看
	也可以自己命名，如event、evt、e
	如事件侦听方法：div.addEventListener(‘click’,function(event){
					console.log(event)
					})
	ie 6/7/8显示事件对象必须：consloe.log(window.event)

	如果考虑事件对象的兼容性，可以：event = event || window.event

5.1.1事件对象属性

.target与this的区别：
	事件对象名.target : 指向的是我们点击的那个对象，谁点击了这个事件
	this : 指向绑定的事件
	e.type ：返回事件类型
	e.preventDefault(); : 阻止默认行为
	e.stopPropagation(); 阻止冒泡 //有兼容性问题
	window.event.cancelBubble = true; 阻止冒泡 //适用于ie678

6.1事件委托

原理：不再给每个子节点单独设置事件监听器，而是事件监听器设置在父节点上，然后利用冒泡原理影响每个子节点。

7.1键盘事件

keyup			键盘弹起
keydown			键盘按下
keypress		键盘按下，但是识别不了功能键，区分字母大小写
执行顺序2-3-1
属性：keyCode ：返回ASCII码值