JS自用学习笔记（四）

明芫
247 阅读8分钟

Event

  1. abort 媒体加载中止时发生该事件
在视频加载中止时执行 JavaScript：
<video onabort="myFunction()">
  1. onafterprint 当页面要开始打印时执行 JavaScript
<body onafterprint="myFunction()">
  1. animationend 当 CSS 动画结束时执行 监听到动画完成
x.addEventListener("animationstart", myStartFunction);
  1. animationiteration 重复 CSS 动画时发生此事件
  2. animationstart CSS 动画开始时发生此事件。
  3. beforeprint 即将打印页面时发生此事件。
<body onbeforeprint="myFunction()">
  1. beforeunload在文档即将被卸载之前发生此事件。
  2. blur 当元素失去焦点时发生此事件。
  3. canplay 当浏览器可以开始播放媒体时，发生此事件
<video oncanplay="myFunction()">
  1. canplaythrough 浏览器在不停止缓冲的情况下播放媒体时发生此事件。
  2. change 当form元素的内容、选择的内容或选中的状态发生改变时，发生此事件
  3. click 当用户单击元素时发生此事件。
  4. contextmenu 右键单击带有上下文菜单的 <div>元素时执行
<div oncontextmenu="myFunction()">

  1. oncopy 事件在用户复制元素的内容时发生

  2. cut 当用户剪切元素的内容时发生此事件 拖动相关

  3. drag 拖动元素时发生此事件

  4. `dragend 当用户完成拖动元素后，发生此事件。

  5. dragenter 当拖动的元素进入放置目标时，发生此事件。

  6. dragleave 当拖动的元素离开放置目标时，发生此事件。

  7. dragover 当拖动的元素位于放置目标之上时，发生此事件

  8. dragstart 当用户开始拖动元素时发生此事件。

  9. drop 当将拖动的元素放置在放置目标上时，发生此事件。 拖动相关end

  10. durationchange 媒体时长改变时发生此事件。

  11. ended 在媒体播放到尽头时发生此事件。

  12. error 当加载外部文件时发生错误后，发生此事件。

  13. focus 在元素获得焦点时发生此事件。

  14. focusin 在元素即将获得焦点时发生此事件。

  15. focusout 在元素即将失去焦点时发生此事件。

  16. fullscreenchange 当元素以全屏模式显示时，发生此事件。

  17. fullscreenerror 当元素无法在全屏模式下显示时，发生此事件

  18. hashchange 当 URL 的锚部分发生改变时，发生此事件。

  19. input 当元素获得用户输入时，发生此事件。

  20. invalid 当元素无效时，发生此事件。 按键相关

  21. keydown 当用户正在按下键时，发生此事件。

  22. keypress 当用户按下键时，发生此事件。

  23. keyup 当用户松开键时，发生此事件。 按键相关end

  24. load 在对象已加载时，发生此事件。

  25. loadeddata 媒体数据加载后，发生此事件。

  26. loadedmetadata 加载元数据（比如尺寸和持续时间）时，发生此事件。

  27. loadstart 当浏览器开始查找指定的媒体时，发生此事件。

  28. message 在通过此事件源接收消息时，发生此事件。

鼠标相关

  1. mousedown 当用户在元素上按下鼠标按钮时，发生此事件。
  2. mouseenter 当指针移动到元素上时，发生此事件。
  3. mouseleave 当指针从元素上移出时，发生此事件。
  4. mousemove 当指针在元素上方移动时，发生此事件。
  5. mouseout 当用户将鼠标指针移出元素或其中的子元素时，发生此事件。
  6. mouseover 当指针移动到元素或其中的子元素上时，发生此事件。
  7. mouseup 当用户在元素上释放鼠标按钮时，发生此事件。
  8. mousewheel 不推荐使用。请改用wheel事件。

联网相关

  1. offline 当浏览器开始脱机工作时，发生此事件
  2. online 当浏览器开始在线工作时，发生此事件。

联网相关end

  1. open 当打开与事件源的连接时，发生此事件。 进入页面
  2. pagehide 当用户离开某张网页进行导航时，发生此事件。
  3. pageshow 在用户导航到某张网页时，发生此事件。

进入页面end

  1. paste 当用户将一些内容粘贴到元素中时，发生此事件 暂停相关

  2. pause 当媒体被用户暂停或以编程方式暂停时，发生此事件

  3. play 当媒体已启动或不再暂停时，发生此事件

  4. playing 在媒体被暂停或停止以缓冲后播放时，发生此事件。 暂停相关end

  5. popstate 窗口的历史记录改变时，发生此事件

  6. progress 当浏览器正处于获得媒体数据的过程中时，发生此事件。

  7. ratechange 媒体播放速度改变时发生此事件

  8. reset重置表单时发生此事件

  9. resize调整文档视图的大小时发生此事件

  10. scroll 滚动元素的滚动条时发生此事件。

  11. search 当用户在搜索字段中输入内容时,发生此事件

  12. seeked 当用户完成移动/跳到媒体中的新位置时，发生该事件

  13. seeking 当用户开始移动/跳到媒体中的新位置时，发生该事件

  14. select 用户选择文本后（对于<input>和 <textarea>）发生此事件

  15. show 当 <menu> 元素显示为上下文菜单时，发生此事件。

  16. stalled 当浏览器尝试获取媒体数据但数据不可用时，发生此事件

  17. storage Web 存储区域更新时发生此事件。

  18. submit 在提交表单时发生此事件。

  19. suspend 当浏览器有意不获取媒体数据时，发生此事件。

  20. timeupdate 当播放位置更改时发生此事件

  21. toggle 当用户打开或关闭 <details> 元素时，发生此事件

触摸屏移入移出

  1. touchcancel 在触摸被中断时，发生此事件

  2. touchend 当手指从触摸屏上移开时，发生此事件。

  3. touchmove 当手指在屏幕上拖动时，发生此事件。

  4. touchstart 当手指放在触摸屏上时，发生此事件。 触摸屏移入移出end

  5. transitionend CSS 转换完成时，发生此事件

  6. unload 页面卸载后（对于 <body>），发生此事件。

  7. volumechange 当媒体的音量已更改时，发生此事件

  8. waiting 当媒体已暂停但预期会恢复时，发生此事件

  9. wheel 当鼠标滚轮在元素向上或向下滚动时，发生此事件。

Location

  1. reload() 方法用于重新加载当前文档。
  2. assign() 加载新的文档。
  3. replace() 用新的文档替换当前文档。

Window

Window属性

属性描述
closed返回窗口是否已被关闭。
defaultStatus设置或返回窗口状态栏中的默认文本。
document]对 Document 对象的只读引用。
history对 History 对象的只读引用。
innerheight返回窗口的文档显示区的高度。
innerwidth返回窗口的文档显示区的宽度。
length设置或返回窗口中的框架数量。
location用于窗口或框架的 Location 对象。
name设置或返回窗口的名称。
Navigator对 Navigator 对象的只读引用
opener返回对创建此窗口的窗口的引用。
outerheight返回窗口的外部高度。
outerwidth返回窗口的外部宽度。
pageXOffset设置或返回当前页面相对于窗口显示区左上角的 X 位置。
pageYOffset设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
parent返回父窗口。
Screen对 Screen 对象的只读引用。
self返回对当前窗口的引用。等价于 Window 属性。
status设置窗口状态栏的文本。
top返回最顶层的先辈窗口。
windowwindow 属性等价于 self 属性，它包含了对窗口自身的引用。
screenLeft（screenTop，screenX，screenY）只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。

IE、Safari 和 Opera 支持 screenLeft 和 screenTop，而 Firefox 和 Safari 支持 screenX

Window 对象方法

方法描述
alert()显示带有一段消息和一个确认按钮的警告框。
blur()把键盘焦点从顶层窗口移开。
clearInterval()取消由 setInterval() 设置的 timeout。
clearTimeout()取消由 setTimeout() 方法设置的 timeout。
close()关闭浏览器窗口。
confirm()显示带有一段消息以及确认按钮和取消按钮的对话框。
createPopup()创建一个 pop-up 窗口。
focus()把键盘焦点给予一个窗口。
moveBy()可相对窗口的当前坐标把它移动指定的像素。
moveTo()把窗口的左上角移动到一个指定的坐标。
open()打开一个新的浏览器窗口或查找一个已命名的窗口。
print()打印当前窗口的内容。
prompt()显示可提示用户输入的对话框。
resizeBy()按照指定的像素调整窗口的大小。
resizeTo()把窗口的大小调整到指定的宽度和高度。
scrollBy()按照指定的像素值来滚动内容。
scrollTo()把内容滚动到指定的坐标。
setInterval()按照指定的周期（以毫秒计）来调用函数或计算表达式。
setTimeout()在指定的毫秒数后调用函数或计算表达式。
avatar
文章
阅读
粉丝