当前位置: 首页 > news >正文

JavaScript事件(event)对象方法与属性

常用方法:

preventDefault()

阻止事件的默认行为(如阻止链接跳转、表单提交等)。

stopPropagation()

阻止事件冒泡(阻止事件向父元素传播)。

stopImmediatePropagation()

不仅阻止事件冒泡,还会阻止同一元素上的其他事件监听器执行。

composedPath()

返回事件的路径(即事件经过的 DOM 节点数组)。

常用属性:

target

触发事件的元素(事件发生的源头元素)。

currentTarget

当前正在处理事件的元素(绑定事件监听器的元素)。

type

事件类型(如 “click”、“submit” 等)。

bubbles

表示事件是否冒泡(布尔值)。

cancelable

表示事件是否可以取消默认行为(布尔值)。

defaultPrevented

表示是否调用了 preventDefault()(布尔值)。

eventPhase

表示事件当前所处的阶段(捕获阶段 1、目标阶段 2、冒泡阶段 3)。

isTrusted

表示事件是否由用户触发(true),还是由 JavaScript 代码触发(false)。

timeStamp

事件发生的时间戳(毫秒)。

不同事件类型的额外属性和方法

某些特定事件(如 MouseEvent、KeyboardEvent、TouchEvent)会有额外的属性和方法:

MouseEvent(鼠标事件):

clientX, clientY(鼠标相对于视口的坐标)

pageX, pageY(鼠标相对于文档的坐标)

button(按下的鼠标按钮,0=左键,1=中键,2=右键)

KeyboardEvent(键盘事件):

key(按下的键值,如 “Enter”)

code(物理按键代码,如 “KeyA”)

ctrlKey, shiftKey, altKey, metaKey(是否按下修饰键)

TouchEvent(触摸事件):

touches(当前所有触摸点)

changedTouches(发生变化的触摸点)

http://www.lryc.cn/news/601370.html

相关文章:

  • mac配置多版本jdk
  • C#中Visual Studio平台按照OfficeOpenXml步骤
  • Min-Max标准化​ 和 ​Z-score标准化
  • Python队列算法:从基础到高并发系统的核心引擎
  • LeetCode|Day27|70. 爬楼梯|Python刷题笔记
  • Spring Retry 异常重试机制:从入门到生产实践
  • Spring Boot自动配置原理深度解析
  • 适配IE11(通过Babel+core-js转译ES6语法)
  • Flutter 生命周期介绍
  • 几个注册中心的特性
  • 欧拉图与欧拉回路
  • 菜鸟的C#学习(四)
  • windows 10安装oracle(win64_11gR2)
  • 医疗AI语义潜空间分析研究:进展与应用
  • Unity 实时 CPU 使用率监控
  • IP--MGER综合实验报告
  • Linux驱动20 --- FFMPEG视频API
  • 回归预测 | MATLAB实现BiTCN双向时间卷积神经网络多输入单输出回归预测
  • AWS免费套餐全面升级:企业降本增效与技术创新解决方案
  • 《频率之光》
  • 详解赛灵思SRIO IP并提供一种FIFO封装SRIO的收发控制器仿真验证
  • 基于Django的天气数据可视化分析预测系统
  • Django实时通信实战:WebSocket与ASGI全解析(下)
  • 二、搭建springCloudAlibaba2021.1版本分布式微服务-Nacos搭建及服务注册和配置中心
  • mybatis的insert(pojo),会返回pojo吗
  • 激光SLAM技术综述(2025版)
  • springboot基于Java的人力资源管理系统设计与实现
  • Windows 11 安装 jdk 8
  • QT开发---网络编程下
  • 全面理解JVM虚拟机