JavaScript语法中Event
和EventTarget
主要用于实现事件驱动模型。Event是事件的基类,表示事件发生时的状态。EventTarget是事件目标的基类,用于管理事件的注册与触发。
Event常见的事件:
复制代码UI事件:click、scroll、mouseover 等
键盘事件:keydown、keyup 等
表单事件:submit、input、change 等
触屏事件:touchstart、touchend 等
自定义事件等
- 1
- 2
- 3
- 4
- 5
EventTarget常见的事件:
复制代码Document
Window
DOM 节点(Node)
XMLHttpRequest
AudioContext 等
- 1
- 2
- 3
- 4
- 5
Event和EventTarget的作用
1、允许在事件目标(元素、对象)上注册事件监听器;
2、在事件触发时,使用 Event 对象保存事件的相关信息(事件类型、触发元素、时间戳等);
3、事件目标触发注册的事件监听器,并传入对应的 Event 对象;
4、事件监听器可以通过 Event 对象访问事件信息,并执行相应的逻辑。
具体代码示例如下:
复制代码// 获取事件目标(button元素) let button = document.querySelector('button'); // 事件监听器 button.addEventListener('click', (event) => { // event 是事件对象,包含事件类型、触发元素等信息 console.log(event.type); // click console.log(event.target); // button元素 }); // 触发click事件 button.click(); // 输出: // click // <button>...</button>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
javascript语法如何把json文件输出到html页面上
javascript语法中不等于null和空字符串的3种判断方式
javascript语法读取文本文件代码(PHP代码读取文本文件)
标签: event, EventTarget, javascript语法
上面是“JavaScript语法中Event和EventTarget的基本用法”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_4995.html
workflows工作流
- 一张由表情符号组成的照片ComfyUI工作流
- 坐落在白雪覆盖的广阔平原上2只可爱的雪豹
- 一幅以霓虹灯照亮的城市天际线和未来主义画
- 一只蚂蚁在花丛中找食物ComfyUI工作流
- 一架受损严重的宇宙飞船内有一只猫
- 一个超凡脱俗的女明星的特写镜头ComfyUI工作流
- 一个质朴的木制窗户上放着各种葫芦、南瓜等
- 一座千年九尾白狐玉雕ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!