JavaScript HTML DOM 事件参考
-
HTML DOM事件
HTML DOM事件允许JavaScript在HTML文档中的元素上注册不同的事件处理程序。事件通常与函数结合使用，并且在事件发生之前（例如当用户单击按钮时）不会执行该函数。有关事件的教程，请阅读我们的JavaScript事件教程。 -
HTML DOM 事件列表
事件 描述 从属于 abort 当中止加载媒体时发生该事件 UiEvent,Event afterprint 页面开始打印时，或者打印对话框已关闭时，会发生此事件 Event animationend CSS动画完成后会发生此事件 AnimationEvent animationiteration 重复CSS动画时会发生此事件 AnimationEvent animationstart CSS动画开始时会发生此事件 AnimationEvent beforeprint 即将打印页面时发生该事件 Event beforeunload 该事件发生在文档即将卸载之前 UiEvent,Event blur 当元素失去焦点时会发生该事件 FocusEvent canplay 当浏览器可以开始播放媒体时（当缓冲已足够开始时），会发生此事件 Event canplaythrough 当浏览器可以通过媒体播放而不停止缓冲时，会发生此事件 Event change 当表单元素，选择或选中状态的内容发生更改时（对于<input>，<select>和<textarea>），会发生该事件 Event click 当用户单击元素时发生该事件 MouseEvent contextmenu 当用户右键单击元素以打开上下文菜单时，会发生该事件 MouseEvent copy 当用户复制元素的内容时，会发生该事件 ClipboardEvent cut 当用户剪切元素的内容时发生该事件 ClipboardEvent dblclick 当用户双击元素时发生该事件 MouseEvent drag 拖动元素时会发生事件DragEvent DragEvent dragend 用户完成拖动元素后会发生该事件 DragEvent dragenter 当拖动的元素进入放置目标时发生该事件 DragEvent dragleave 当拖动的元素离开放置目标时发生该事件 DragEvent dragover 当拖动的元素位于放置目标上时，会发生该事件 DragEvent dragstart 当用户开始拖动元素时发生该事件 DragEvent drop 将拖动的元素放在放置目标上时会发生该事件 DragEvent durationchange 当媒体的持续时间发生变化时，会发生此事件 Event ended 当媒体到达终点时发生事件（对于“感谢收听”等消息很有用） Event error 加载外部文件时发生错误时发生该事件 ProgressEvent, UiEvent, Event focus 当元素获得焦点时会发生该事件 FocusEvent focusin 当元素即将获得焦点时会发生该事件 FocusEvent focusout 当元素即将失去焦点时发生该事件 FocusEvent fullscreenchange 当元素以全屏模式显示时，会发生该事件 Event fullscreenerror 当元素无法以全屏模式显示时，会发生此事件 Event hashchange 当URL的锚点部分发生更改时，会发生该事件 HashChangeEvent input 当元素获得用户输入时发生该事件 InputEvent, Event invalid 当元素无效时发生该事件 Event keydown 当用户按下某个键时发生该事件 KeyboardEvent keypress 当用户按下键时发生该事件 KeyboardEvent keyup 用户释放密钥时会发生该事件 KeyboardEvent load 加载对象时发生该事件 UiEvent,Event loadeddata 加载媒体数据时会发生此事件 Event loadedmetadata 加载元数据（如尺寸和持续时间）时会发生此事件 Event loadstart 当浏览器开始查找指定的媒体时发生该事件 ProgressEvent message 通过事件源接收消息时发生该事件 Event mousedown 当用户在元素上按下鼠标按钮时发生该事件 MouseEvent mouseenter 将指针移动到元素上时会发生该事件 MouseEvent mouseleave 当指针移出元素时发生该事件 MouseEvent mousemove 当指针在元素上方移动时，会发生事件 MouseEvent mouseover 将指针移动到元素或其子项之一时会发生此事件 MouseEvent mouseout 当用户将鼠标指针移出元素或从其中一个子元素移出时，就会发生该事件 MouseEvent mouseup 当用户在元素上释放鼠标按钮时发生该事件 MouseEvent mousewheel 已过时。请改用wheel事件 WheelEvent offline 当浏览器开始脱机工作时会发生此事件 Event online 当浏览器开始在线工作时会发生此事件 Event open 打开与事件源的连接时发生该事件 Event pagehide 当用户导航离开网页时发生该事件 PageTransitionEvent pageshow 当用户导航到网页时发生该事件 PageTransitionEvent paste 当用户在元素中粘贴某些内容时，会发生该事件 ClipboardEvent pause 当用户或以编程方式暂停媒体时，会发生该事件 Event play 媒体启动或不再暂停时会发生此事件 Event playing 在暂停或停止缓冲后播放媒体时会发生此事件 Event popstate 窗口的历史记录发生变化时会发生该事件 PopStateEvent progress 当浏览器正在获取媒体数据（下载媒体）时发生此事件 Event ratechange 当媒体的播放速度改变时发生该事件 Event resize 调整文档视图大小时会发生该事件 UiEvent,Event reset 重置表单时发生该事件 Event scroll 滚动元素的滚动条时会发生该事件 UiEvent,Event search 当用户在搜索字段中写入内容时（对于<input =“search”>），会发生该事件 Event seeked 当用户完成移动/跳到媒体中的新位置时发生该事件 Event seeking 当用户开始移动/跳到媒体中的新位置时发生该事件 Event select 用户选择一些文本后发生事件（对于<input>和<textarea>） UiEvent,Event show 当<menu>元素显示为上下文菜单时，会发生该事件 Event stalled 当浏览器尝试获取媒体数据时会发生此事件，但数据不可用 Event storage 更新Web存储区域时会发生此事件 StorageEvent submit 提交表单时发生此事件 Event suspend 当浏览器故意无法获取媒体数据时，会发生此事件 Event timeupdate 当比赛位置发生变化时（例如当用户快进到媒体中的不同点时），会发生此事件 Event toggle 当用户打开或关闭<details>元素时，会发生该事件 Event touchcancel 触摸中断时会发生此事件 TouchEvent touchend 当手指从触摸屏移除时发生该事件 TouchEvent touchmove 手指在屏幕上拖动时会发生此事件 TouchEvent touchstart 当手指放在触摸屏上时发生该事件 TouchEvent transitionend CSS转换完成后会发生此事件 TransitionEvent unload 页面卸载后会发生事件（对于<body>） UiEvent,Event volumechange 当媒体的音量发生变化时（包括将音量设置为“静音”），会发生此事件 Event waiting 当媒体暂停但预计会恢复时（例如媒体暂停以缓冲更多数据时）会发生此事件 Event wheel 当鼠标滚轮在元素上向上或向下卷起时发生该事件 WheelEvent -
HTML DOM事件属性和方法
方法/属性 描述 从属于 altKey 返回触发鼠标事件时是否按下“ALT”键 MouseEvent altKey 返回触发键事件时是否按下“ALT”键 KeyboardEvent, TouchEvent animationName 返回动画的名称 AnimationEvent bubbles 返回特定事件是否为冒泡事件 Event button 返回触发鼠标事件时按下的鼠标按钮 MouseEvent buttons 返回触发鼠标事件时按下的鼠标按钮 MouseEvent cancelable 返回事件是否可以阻止其默认操作 Event charCode 返回触发onkeypress事件的键的Unicode字符代码 KeyboardEvent changeTouches 返回在上一次触摸和此触摸之间状态发生变化的所有触摸对象的列表 TouchEvent clientX 触发鼠标事件时，返回鼠标指针相对于当前窗口的水平坐标 MouseEvent, TouchEvent clientY 触发鼠标事件时，返回鼠标指针相对于当前窗口的垂直坐标 MouseEvent, TouchEvent clipboardData 返回包含受剪贴板操作影响的数据的对象 ClipboardData code 返回触发事件的键的代码 KeyboardEvent composed 返回事件是否成立 Event createEvent() 创建一个新事件 Event ctrlKey 返回触发鼠标事件时是否按下“CTRL”键 MouseEvent ctrlKey 返回触发键事件时是否按下“CTRL”键 KeyboardEvent, TouchEvent currentTarget 返回其事件侦听器触发事件的元素 Event data 返回插入的字符 InputEvent dataTransfer 返回包含被拖放或插入/删除的数据的对象 DragEvent, InputEvent defaultPrevented 返回是否为该事件调用了preventDefault（）方法 Event deltaX 返回鼠标滚轮的水平滚动量（x轴） WheelEvent deltaY 返回鼠标滚轮的垂直滚动量（y轴） WheelEvent deltaZ 返回z轴的鼠标滚轮的滚动量 WheelEvent deltaMode 返回表示增量值（像素，行或页）的度量单位的数字 WheelEvent detail 返回一个数字，指示单击鼠标的次数 UiEvent elapsedTime 返回动画运行的秒数 AnimationEvent elapsedTime 返回转换已运行的秒数 eventPhase 返回当前正在评估事件流的哪个阶段 Event getTargetRanges() 返回包含将受插入/删除影响的目标范围的数组 InputEvent getModifierState() 返回包含将受插入/删除影响的目标范围的数组 MouseEvent inputType 返回更改的类型（即“插入”或“删除”） InputEvent isComposing 返回事件的状态是否正在撰写 InputEvent,KeyboardEvent isTrusted 返回事件是否可信 Event key 返回事件表示的键的键值 KeyboardEvent key 返回已更改的存储项的键 StorageEvent keyCode 返回触发onkeypress事件的键的Unicode字符代码，或触发onkeydown或onkeyup事件的键的Unicode键代码 KeyboardEvent location 返回键盘或设备上键的位置 KeyboardEvent lengthComputable 返回进度的长度是否可计算 ProgressEvent loaded 返回已加载的工作量 ProgressEvent metaKey 返回触发事件时是否按下“META”键 MouseEvent metaKey 返回触发键事件时是否按下“meta”键 KeyboardEvent, TouchEvent MovementX 返回鼠标指针相对于上一个mousemove事件位置的水平坐标 MouseEvent MovementY 返回鼠标指针相对于上一个mousemove事件位置的垂直坐标 MouseEvent newValue 返回已更改的存储项的新值 StorageEvent newURL 更改哈希后，返回文档的URL HashChangeEvent offsetX 返回鼠标指针相对于目标元素边缘位置的水平坐标 MouseEvent offsetY 返回鼠标指针相对于目标元素边缘位置的垂直坐标 MouseEvent oldValue 返回已更改的存储项的旧值 StorageEvent oldURL 在更改哈希之前返回文档的URL HasChangeEvent onemptied 当发生错误并且媒体文件突然不可用时（例如意外断开连接），会发生此事件 pageX 触发鼠标事件时，返回鼠标指针相对于文档的水平坐标 MouseEvent pageY 触发鼠标事件时，返回鼠标指针相对于文档的垂直坐标 MouseEvent persisted 返回浏览器是否缓存了网页 PageTransitionEvent preventDefault() 如果事件可取消，则取消该事件，这意味着不会发生属于该事件的默认操作 Event propertyName 返回与动画或转换关联的CSS属性的名称 AnimationEvent, TransitionEvent pseudoElement 返回动画或过渡的伪元素的名称 AnimationEvent, TransitionEvent region MouseEvent relatedTarget 返回与触发鼠标事件的元素相关的元素 MouseEvent relatedTarget 返回与触发事件的元素相关的元素 FocusEvent repeat 返回是否重复按下某个键 KeyboardEvent screenX 触发事件时，返回鼠标指针相对于屏幕的水平坐标 MouseEvent screenY 触发事件时，返回鼠标指针相对于屏幕的垂直坐标 MouseEvent shiftKey 返回触发事件时是否按下“SHIFT”键 MouseEvent shiftKey 返回触发键事件时是否按下“SHIFT”键 KeyboardEvent, TouchEvent state 返回包含历史记录条目副本的对象 PopStateEvent stopImmediatePropagation() 阻止调用同一事件的其他侦听器 Event stopPropagation() 在事件流程期间防止事件的进一步传播 Event storageArea 返回表示受影响的存储对象的对象 StorageEvent target 返回触发事件的元素 Event targetTouches 返回与曲面接触的所有触摸对象的列表，以及与当前目标元素在同一目标元素上发生touchstart事件的位置 TouchEvent timeStamp 返回创建事件的时间（相对于纪元的毫秒数） Event total 返回将加载的工作总量 ProgressEvent touches 返回当前与曲面接触的所有触摸对象的列表 TouchEvent transitionend CSS转换完成后会发生此事件 TransitionEvent type 返回事件的名称 Event url 返回已更改项目文档的URL StorageEvent which 返回触发鼠标事件时按下的鼠标按钮 MouseEvent which 返回触发onkeypress事件的键的Unicode字符代码，或触发onkeydown或onkeyup事件的键的Unicode键代码 KeyboardEvent view 返回对发生事件的Window对象的引用 UiEvent