本页面暂时还未完工
引言
事件监听是一个必须掌握的知识点，可以实现复杂的脚本执行。
创建监听器
首先需要在一个element对象上绑定监听器:
element.addEventListener(event, function, useCapture);
//可以通过getElementById()等方法获取element对象
第三个参数规定事件传播的方法是冒泡(false:先处理最内层元素的事件再处理外层的)还是捕获(true:相反)，默认为冒泡
此外还可以通过removeEventListener()移除监听器
常见的监听事件
鼠标事件:
键盘事件:
表单事件:
页面事件:
其他事件:
event对象
常用event对象属性
event对象包含了与事件相关的各种信息，包括事件类型、事件源、鼠标位置、键盘按键、表单元素值等。 这些属性可以再事件监听器中的函数中使用。
- event.target: 返回触发事件的元素;
- event.currentTarget: 返回正在处理的元素;
- event.type: 返回事件类型;
- event.bubbles: 返回事件是否冒泡;
- event.timeStamp: 返回从文档加载完成到事件触发的毫秒数;
- event.isTrusted: 表示该事件是由用户触发还是JS脚本触发;
以下的用于表单输入 7. target.value:获取表单输入的值；
常用event对象方法
- preventDefault():阻止默认行为;
- stopPropagation():停止事件冒泡;
- stopImmediatePropagation():阻止冒泡且阻止改元素其他的事件进行;
- composedPath():返回事件的传播路径;