Dom 事件大全

429 阅读4分钟

Dom事件大全

按照 chorme 控制台 console.dir( window ) 输出 翻译

  1. onabort: null

    事件在视频/音频(audio/video)终止加载时触发。

  2. onafterprint: null

    该事件在页面已经开始打印,或者打印窗口已经关闭时触发

  3. onanimationend: null

    该事件在 CSS 动画结束播放时触发

  4. onanimationiteration: null

    该事件在 CSS 动画重复播放时触发

  5. onanimationstart: null

    该事件在 CSS 动画开始播放时触发

  6. onappinstalled: null

    该事件是一个实现了Event接口的简单事件,会在网页应用成功安装为渐进式网页应用时立即触发( PWA

  7. onauxclick: null

    该事件是在输入设备上按下非主按钮(例如,鼠标中键)

  8. onbeforeinstallprompt: null

    该事件是在一个用户被提示”安装“一个网站到移动设备的一个主屏幕之前

  9. onbeforeprint: null

    该事件在页面即将开始打印时触发

  10. onbeforeunload: null

该事件在即将离开页面(刷新或关闭)时触发
  1. oncancel: null
返回布尔值,指示事件是否可拥可取消的默认动作。
  1. oncanplay: null
事件在用户可以开始播放视频/音频(audio/video)时触发
  1. oncanplaythrough: null
事件在视频/音频(audio/video)可以正常播放且无需停顿和缓冲时触发
  1. oncuechange: null
该事件定义了在`<track>`元素中更改时运行的脚本
**<PS: track 视频内字幕标签>**

15. ondevicemotion: null

#### 用于移动端

当设备的光照度传感器检测到环境光照强度的变化时,会引发这些事件。

16. ondeviceorientation: null

#### 用于移动端

当设备左右晃动时使用

**<PS: devicemotion (设备运动/手势):提供设备的加速度信息,表示为定义在设备上的坐标系中的笛卡尔坐标,其还提供了设备在坐标系中的自转速率>**

17. ondeviceorientationabsolute: null

#### 用于移动端

当设备发生方向改变时触发(横屏 / 竖屏)

18. ondrag: null

该事件在元素正在拖动时触发

19. ondragend: null

该事件在用户完成元素的拖动时触发

20. ondragenter: null

该事件在拖动的元素进入放置目标时触发

21. ondragleave: null

该事件在拖动元素离开放置目标时触发

22. ondragover: null

该事件在拖动元素在放置目标上时触发

23. ondragstart: null

该事件在用户开始拖动元素时触发

24. ondrop: null

该事件在拖动元素放置在目标区域时触发

25. ondurationchange: null

事件在视频/音频(audio/video)的时长发生变化时触发

26. onemptied: null

当期播放列表为空时触发

27. onended: null

事件在视频/音频(audio/video)播放结束时触发

28. onerror: null

事件在视频/音频(audio/video)数据加载期间发生错误时触发

29. onformdata: null

该事件在整个列表展示所构建的表单数据之后被触发。触发会发生在表单发送时,但也可能由对某个[`FormData()`](https://developer.mozilla.org/zh-CN/docs/Web/API/FormData/FormData) 结构体的调用所触发(`onformdata` 在 [`HTMLFormElement`](https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLFormElement)上有效)

30. ongotpointercapture: null

???

31. oninvalid: null

提交表单中的input元素的值为无效值时,触发oninvalid事件

32. onlanguagechange: null

当用户首选语言更改时,将在全局范围对象上触发languagechange事件

33. onloadeddata: null

该事件再浏览器加载完当前帧触发(video

34. onloadedmetadata: null

该事件再浏览器加载完元数据触发(audio

35. onloadstart: null

该事件在浏览器开始寻找指定视频/音频(audio/video)触发

36. onlostpointercapture: null

#### 移动端使用

失去触点触发

37. onmessage: null

WebSocket通信触发

38. onmessageerror: null

收到的消息是不能进行序列化的情况下触发

39. onmousewheel: null

鼠标滚轮事件

40. onoffline: null

该事件在浏览器离线工作时触发

41. ononline: null

该事件在浏览器开始在线工作时触发

42. onpagehide: null

该事件在用户离开网页时触发

43. onpageshow: null

该事件在用户浏览网页时触发

44. onpause: null

事件在视频/音频(audio/video)暂停时触发

45. onplay: null

事件在视频/音频(audio/video)开始播放时触发

46. onplaying: null

事件在视频/音频(audio/video)暂停或者在缓冲后准备重新开始播放时触发

47. onpointercancel: null

#### 移动端使用

指针取消触发

48. onpointerdown: null

#### 移动端使用

指针按下触发

49. onpointerenter: null

#### 移动端使用

指针进入触发且在该元素身上

50. onpointerleave: null

#### 移动端使用

指针离开触发且在该元素身上

51. onpointermove: null

#### 移动端使用

指针移动触发

52. onprogress: null

事件在浏览器下载指定的视频/音频(audio/video)时触发

53. onratechange: null

事件在视频/音频(audio/video)的播放速度发生改变时触发

54. onrejectionhandled: null

当Promises被拒绝时引发

55. onseeked: null

事件在用户重新定位视频/音频(audio/video)的播放位置后触发

56. onseeking: null

事件在用户开始重新定位视频/音频(audio/video)时触发

57. onselectionchange: null

  1. onselectstart: null

  2. onstalled: null

  3. onstorage: null

  4. onsubmit: null

  5. onsuspend: null

  6. ontimeupdate: null

  7. ontoggle: null

  8. ontransitioncancel: null

  9. ontransitionend: null

  10. ontransitionrun: null

  11. ontransitionstart: null

  12. onunhandledrejection: null

  13. onunload: null

  14. onvolumechange: null

  15. onwaiting: null

  16. onwebkitanimationend: null

  17. onwebkitanimationiteration: null

  18. onwebkitanimationstart: null

  19. onwebkittransitionend: null

  20. onwheel: null