Learning Path
浏览 JavaScript 参考手册 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
1361
onplay 事件 事件对象 实例 在视频开始播放时执行 JavaScript : <video onplay='myFunction()'> 尝试一下 » 本文底部包含了更多实例。 定义和用法 onplay 事件在视频/音频（audio/video）开始播放时触发。 提示： onpause 事件在视频/音频（audio/video）暂停时触发。 浏览器支持 表格中的..
onplaying 事件 事件对象 实例 在视频暂停后准备开始播放时执行 JavaScript: <video onplaying='myFunction()'> 尝试一下 » 本文底部包含了更多实例。 定义和用法 onplaying 事件在视频/音频（audio/video）暂停或者在缓冲后准备重新开始播放时触发。 浏览器支持 表格中的数字表示支持该事件的第一个浏览器的..
onprogress 事件 事件对象 实例 视频正在下载时执行 JavaScript : <video onprogress='myFunction()'> 尝试一下 » 本文底部包含了更多实例。 定义和用法 onprogress 事件在浏览器下载指定的视频/音频（audio/video）时触发。 在下载视频/音频（audio/video）过程中，事件触发的顺序如下： ..
onratechange 事件 事件对象 实例 当视频的播放速度发生改变时执行 JavaScript: <video onratechange='myFunction()'> 尝试一下 » 定义和用法 onratechange 事件在视频/音频（audio/video）的播放速度发生改变时触发。 该事件通过 Audio/Video 对象的 playbackRate属性调用,..
onreset 事件 事件对象 实例 当重置表单后执行 JavaScript: <form onreset='myFunction()'> Enter name: <input type='text'> <input type='reset'>..
onresize 事件 事件对象 实例 当浏览器被重置大小时执行Javascript代码: <body onresize='myFunction()'> 尝试一下 » 定义和用法 onresize 事件会在窗口或框架被调整大小时发生。 语法 In HTML: <element onresize='SomeJavaScriptCode'&a..
onscroll 事件 事件对象 实例 <div> 元素滚动时执行 JavaScript [mycode3 type='html'] [/mycode3] 尝试一下 » 定义和用法 onscroll 事件在元素滚动条在滚动时触发。 提示： 使用 CSS overflow 样式属性来创建元素的滚动条。 浏览器支持 Event ..
onsearch 事件 事件对象 实例 当提交搜索时执行 JavaScript: <input type='search' onsearch='myFunction()'> 尝试一下 » 定义和用法 onsearch 事件在用户按下“ENTER（回车）” 按键或点击 type='search' 的 <input&..
onseeked 事件 事件对象 实例 在用户重新定位视频的播放位置后执行 JavaScript : <video onseeked='myFunction()'> 尝试一下 » 本文底部包含了更多实例。 定义和用法 onseeked 事件在用户重新定位视频/音频（audio/video）的播放位置后触发。 提示： 与 onseeked 事件相反的是 onseeking ..
onseeking 事件 事件对象 实例 在用户开始重新定位视频的播放位置时执行 JavaScript : <video onseeking='myFunction()'> 尝试一下 » 本文底部包含了更多实例。 定义和用法 onseeking 事件在用户开始重新定位视频/音频（audio/video）时触发。 提示：与 onseeking 事件相反的是 onseeked ..
onselect 事件 事件对象 实例 当文本被选中时，执行一段 Javascript代码： <input type='text' onselect='myFunction'> 尝试一下 » 定义和用法 onselect 事件会在文本框中的文本被选中时发生。 语法 HTML 中: <element onselect='SomeJ..
onshow 事件 事件对象 实例 当 <menu> 元素在上下文菜单显示时执行 JavaScript: <div contextmenu='mymenu'> <p>Right-click inside this box to see the context menu! <p>用鼠标右..
onstalled 事件 事件对象 实例 在浏览器尝试获取媒体数据且数据不可用时执行 JavaScript: <video onstalled='myFunction()'> 定义和用法 onstalled 事件在浏览器获取媒体数据，但媒体数据不可用时触发。 提示： 影响媒体加载的事件有： onabort onemptied onerror onsuspend ..
onsubmit 事件 事件对象 实例 当表单提交时执行 JavaScript: [mycode3 type='html'] 输入名字: [/mycode3] 尝试一下 » 定义和用法 onsubmit 事件在表单提交时触发。 浏览器支持 事件 onsub..
onsuspend 事件 事件对象 实例 在浏览器读取媒体数据中止时执行 JavaScript : <video onsuspend='myFunction()'> 定义和用法 onsuspend 事件在浏览器读取媒体数据中止时触发。 提示： 影响媒体加载的事件有： onabort onemptied onerror onstalled 浏览器支持 表格中的数..
ontimeupdate 事件 事件对象 实例 在当前播放位置改变时执行 JavaScript: <video ontimeupdate='myFunction()'> 尝试一下 » 本文底部包含了更多实例。 定义和用法 ontimeupdate 事件在视频/音频（audio/video）当前的播放位置发送改变时触发。 该事件通过以下方式调用： 播放视频/音频（audio..
ontoggle 事件 事件对象 实例 当 <details> 元素在打开或关闭时执行 JavaScript: <details ontoggle='myFunction()'> 尝试一下 » 定义和用法 ontoggle 事件在用户打开或关闭 <details> 元素时触发。 <details&..
onunload 事件 事件对象 实例 当用户未载入文档时执行的Javascript代码: <body onunload='myFunction()'> 尝试一下 » 定义和用法 onunload 事件在用户退出页面时发生。 onunload 发生于当用户离开页面时发生的事件(通过点击一个连接，提交表单，关闭浏览器窗口等等。) 注意： onunload 事件同样..
onvolumechange 事件 事件对象 实例 当视频的音量改变时执行 JavaScript: <video onvolumechange='myFunction()'> 尝试一下 » 本文底部包含更多实例。 定义和用法 onvolumechange 事件在视频/音频（audio/video）的音量发生改变时触发。 该事件可以通过以下方式调用： 增大或降低音量 媒体..
onwaiting 事件 事件对象 实例 在视频由于要播放下一帧而需要缓冲时执行 JavaScript : <video onwaiting='myFunction()'> 尝试一下 » 定义和用法 onwaiting 事件在视频由于要播放下一帧而需要缓冲时触发。 该事件可用于 <audio> 元素，但通常应用在视频（<video&..
onwheel 事件 事件对象 实例 当用户在 <div> 元素上滚动鼠标滚轮时执行 JavaScript: [mycode3 type='js'] document.getElementById('myDIV').addEventListener('wheel', myFunction); function myFunction() { ..
relatedTarget 事件属性 事件对象 定义和用法 relatedTarget 事件属性返回与事件的目标节点相关的节点。 对于 mouseover 事件来说，该属性是鼠标指针移到目标节点上时所离开的那个节点。 对于 mouseout 事件来说，该属性是离开目标时，鼠标指针进入的节点。 对于其他类型的事件来说，这个属性没有用。 语法 event.relatedTarget 实例 实例 下面例子可返回指针刚刚离..
screenX 事件属性 事件对象 定义和用法 screenX 事件属性可返回事件发生时鼠标指针相对于屏幕的水平坐标。 语法 event.screenX 实例 实例 下面的例子可显示出事件发生时鼠标指针的坐标： [mycode2] 菜鸟教程(runoob.com) function coordinates(event){ x=event.screenX y=event.screenY alert(&..
screenY 事件属性 事件对象 定义和用法 screenY 事件属性可返回事件发生时鼠标指针相对于屏幕的垂直坐标。 语法 event.screenY 实例 实例 下面的例子可显示出事件发生时鼠标指针的坐标： [mycode2] 菜鸟教程(runoob.com) function coordinates(event){ x=event.screenX y=event.screenY alert(..