HTML 事件属性
HTML DOM 事件允许 JavaScript 在 HTML 文档中的元素上注册不同的事件处理程序。
事件通常与函数结合使用,函数在事件发生之前不会执行(例如当用户点击按钮时)。
有关事件的教程,请阅读我们的 JavaScript 事件教程。
HTML DOM 事件属性
| 属性 | 描述 | 所属 |
|---|---|---|
| altKey | 当鼠标事件触发时,返回是否按下“ALT”键 | MouseEvent |
| altKey | 当键盘事件触发时,返回是否按下“ALT”键 | KeyboardEvent, TouchEvent |
| animationName | 返回动画的名称 | AnimationEvent |
| bubbles | 返回特定事件是否是冒泡事件 | 事件 |
| button | 当鼠标事件触发时,返回按下了哪个鼠标按钮 | MouseEvent |
| buttons | 当鼠标事件触发时,返回按下了哪些鼠标按钮 | MouseEvent |
| cancelable | 返回事件是否可以阻止其默认操作 | 事件 |
| charCode | 已弃用(避免使用) 请改用key 属性 |
KeyboardEvent |
| changeTouches | 返回所有触摸对象的列表,这些触摸对象的状态在上次触摸和本次触摸之间发生了变化 | TouchEvent |
| clientX | 当鼠标事件触发时,返回鼠标指针相对于当前窗口的水平坐标 | MouseEvent, TouchEvent |
| clientY | 当鼠标事件触发时,返回鼠标指针相对于当前窗口的垂直坐标 | MouseEvent, TouchEvent |
| clipboardData | 返回一个对象,其中包含受剪贴板操作影响的数据 | ClipboardData |
| 代码 | 返回触发事件的键的代码 | KeyboardEvent |
| composed | 返回事件是否合成 | 事件 |
| ctrlKey | 当鼠标事件触发时,返回是否按下“CTRL”键 | MouseEvent |
| ctrlKey | 当键盘事件触发时,返回是否按下“CTRL”键 | KeyboardEvent, TouchEvent |
| currentTarget | 返回其事件监听器触发事件的元素 | 事件 |
| data | 返回插入的字符 | InputEvent |
| dataTransfer | 返回一个对象,其中包含正在拖放、插入或删除的数据 | DragEvent, InputEvent |
| defaultPrevented | 返回是否为该事件调用了 preventDefault() 方法 | 事件 |
| deltaX | 返回鼠标滚轮的水平滚动量(x 轴) | WheelEvent |
| deltaY | 返回鼠标滚轮的垂直滚动量(y 轴) | WheelEvent |
| deltaZ | 返回鼠标滚轮在 z 轴上的滚动量 | WheelEvent |
| deltaMode | 返回一个数字,表示 delta 值的测量单位(像素、行或页) | WheelEvent |
| detail | 返回一个数字,表示鼠标点击的次数 | UiEvent |
| elapsedTime | 返回动画已运行的秒数 | AnimationEvent |
| elapsedTime | 返回过渡已运行的秒数 | |
| eventPhase | 返回当前正在评估的事件流阶段 | 事件 |
| getModifierState() | 返回一个数组,其中包含将受插入/删除影响的目标范围 | MouseEvent |
| inputType | 返回更改的类型(即“插入”或“删除”) | InputEvent |
| isComposing | 返回事件的状态是否正在组合 | InputEvent, KeyboardEvent |
| isTrusted | 返回事件是否受信任 | 事件 |
| key | 返回事件所表示的键的键值 | KeyboardEvent |
| key | 返回已更改的存储项的键 | StorageEvent |
| keyCode | 已弃用(避免使用) 请改用key 属性 |
KeyboardEvent |
| location | 返回键盘或设备上键的位置 | KeyboardEvent |
| lengthComputable | 返回进度的长度是否可计算 | ProgressEvent |
| loaded | 返回已加载的工作量 | ProgressEvent |
| metaKey | 当事件触发时,返回是否按下“META”键 | MouseEvent |
| metaKey | 当键盘事件触发时,返回是否按下“meta”键 | KeyboardEvent, TouchEvent |
| MovementX | 返回鼠标指针相对于上次 mousemove 事件位置的水平坐标 | MouseEvent |
| MovementY | 返回鼠标指针相对于上次 mousemove 事件位置的垂直坐标 | MouseEvent |
| newValue | 返回已更改的存储项的新值 | StorageEvent |
| newURL | 返回哈希更改后文档的 URL | HasChangeEvent |
| offsetX | 返回鼠标指针相对于目标元素边缘位置的水平坐标 | MouseEvent |
| offsetY | 返回鼠标指针相对于目标元素边缘位置的垂直坐标 | MouseEvent |
| oldValue | 返回已更改的存储项的旧值 | StorageEvent |
| oldURL | 返回哈希更改前文档的 URL | HasChangeEvent |
| onemptied | 当发生意外情况且媒体文件突然不可用时(例如意外断开连接) | |
| pageX | 当鼠标事件触发时,返回鼠标指针相对于文档的水平坐标 | MouseEvent |
| pageY | 当鼠标事件触发时,返回鼠标指针相对于文档的垂直坐标 | MouseEvent |
| persisted | 返回网页是否被浏览器缓存 | PageTransitionEvent |
| propertyName | 返回与动画或过渡关联的 CSS 属性的名称 | AnimationEvent, TransitionEvent |
| pseudoElement | 返回动画或过渡的伪元素的名称 | AnimationEvent, TransitionEvent |
| region | MouseEvent | |
| relatedTarget | 返回与触发鼠标事件的元素相关的元素 | MouseEvent |
| relatedTarget | 返回与触发事件的元素相关的元素 | FocusEvent |
| 重复 | 返回键是否被重复按住 | KeyboardEvent |
| screenX | 当事件触发时,返回鼠标指针相对于屏幕的水平坐标 | MouseEvent |
| screenY | 当事件触发时,返回鼠标指针相对于屏幕的垂直坐标 | MouseEvent |
| shiftKey | 当事件触发时,返回是否按下“SHIFT”键 | MouseEvent |
| shiftKey | 当键盘事件触发时,返回是否按下“SHIFT”键 | KeyboardEvent, TouchEvent |
| state | 返回一个包含历史记录条目副本的对象 | PopStateEvent |
| storageArea | 返回一个表示受影响的存储对象 | StorageEvent |
| target | 返回触发事件的元素 | 事件 |
| targetTouches | 返回所有触摸对象的列表,这些触摸对象与表面接触,并且 touchstart 事件发生在与当前目标元素相同的目标元素上 | TouchEvent |
| timeStamp | 返回事件创建时的时间(相对于纪元的毫秒数) | 事件 |
| total | 返回将加载的总工作量 | ProgressEvent |
| touches | 返回所有当前与表面接触的触摸对象的列表 | TouchEvent |
| transitionend | CSS 过渡已完成 | TransitionEvent |
| type | 返回事件的名称 | 事件 |
| url | 返回已更改项的文档的 URL | StorageEvent |
| which | 已弃用(避免使用) 请改用button 属性 |
MouseEvent |
| which | 已弃用(避免使用) 请改用key 属性 |
KeyboardEvent |
| view | 返回事件发生的 Window 对象的引用 | UiEvent |
| x | clientX 的别名 | MouseEvent |
| y | clientY 的别名 | MouseEvent |