Learning Path
浏览 JavaScript 参考手册 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
1361
onafterprint 事件 事件对象 实例 在页面打印后执行 JavaScript： <body onafterprint='myFunction()'> 尝试一下 » 定义和用法 onafterprint 事件在页面打印后触发，或者打印对话框已经关闭。 提示： onafterprint 事件的相反事件为 onbeforeprint 事件。 浏览器支持 ..
onbeforeprint 事件 事件对象 实例 在页面即将打印时执行 JavaScript: <body onbeforeprint='myFunction()'> 尝试一下 » 定义和用法 onbeforeprint 事件在页面即将打印时触发 (在打印窗口出现前)。 提示： onbeforeprint 事件的相反事件为 onafterprint 。 浏览器支持 事..
onbeforeunload 事件 事件对象 实例 在即将离开当前页面(刷新或关闭)时执行 JavaScript : [mycode3 type='html'] [/mycode3] 尝试一下 » 定义和用法 onbeforeunload 事件在即将离开当前页面（刷新或关闭）时触发。 该事件可用于弹出对话框，提示用户是继续浏览页面还是离开当前页面。 对话框默认的提示信息根据不同的浏览器有所不同，..
onblur 事件 事件对象 实例 当用户离开input输入框时执行一段Javascript代码： <input type='text' onblur='myFunction()'> 尝试一下 » 定义和用法 onblur 事件会在对象失去焦点时发生。 Onblur 经常用于Javascript验证代码，一般用于表单输入框。 提示：onblur 相反事件为..
oncanplay 事件 事件对象 实例 在视频(video)准备开始播放时执行 JavaScript： <video oncanplay='myFunction()'> 尝试一下 » 在本文底部可以查看更多实例。 定义和用法 oncanplay 事件在用户可以开始播放视频/音频（audio/video）时触发。 在视频/音频（audio/video）加载过程中，事件的触发..
oncanplaythrough 事件 事件对象 实例 当视频可以正常播放且无需停顿时执行 JavaScript： <video oncanplaythrough='myFunction()'> 尝试一下 » 本文底部包含了更多实例。 定义和用法 oncanplaythrough 事件在视频/音频（audio/video）可以正常播放且无需停顿和缓冲时触发。 在视频/音频（..
onchange 事件 事件对象 实例 当用户改变input输入框内容时执行一段Javascript代码： <input type='text' onchange='myFunction()'> 尝试一下 » 定义和用法 onchange 事件会在域的内容改变时发生。 onchange 事件也可用于单选框与复选框改变后触发的事件。 语法 HTML 中: ..
onclick 事件 事件对象 实例 当按钮被点击时执行Javascript代码：: <button onclick='myFunction()'>Click me</button> 尝试一下 » 定义和用法 onclick 事件会在元素被点击时发生。 语法 HTML 中: <element onclick='Some..
oncontextmenu 事件 事件对象 实例 当用户在 <div> 元素 上右击鼠标时执行 JavaScript ： <div oncontextmenu='myFunction()' contextmenu='mymenu'> 尝试一下 » 定义和使用 oncontextmenu 事件在元素中用户右击鼠标时触发并打开..
oncopy 事件 事件对象 实例 当在 <input> 元素上拷贝文本时执行 JavaScript: <input type='text' oncopy='myFunction()' value='尝试拷贝文本'> 尝试一下 » 本文底部包含更多实例。 定义和用法 oncopy 事件在用户拷贝元素上..
oncut 事件 事件对象 实例 当 <input> 元素中的选择内容被剪切时执行 JavaScript : <input type='text' oncut='myFunction()' value='尝试剪切该文本'> 尝试一下 » 在本文底部查看更多实例。 定义和用法 oncut 事件在用户剪切元..
ondblclick 事件 事件对象 实例 当元素被双击时执行Javascript代码： <p ondblclick='myFunction()'>Click me</p> 尝试一下 » 定义和用法 ondblclick 事件会在对象被双击时发生。 语法 HTML 中: <element ondblclick='So..
ondrag 事件 事件对象 实例 在 <p> 元素开始拖动时执行 JavaScript: <p draggable='true' ondrag='myFunction(event)'>拖动我!</p> 尝试一下 » 本文底部包含了更多实例 定义和用法 ondrag 事件在元素或者选取的文本被拖动时触..
ondragend 事件 事件对象 实例 在用户完成 <p> 元素的拖动时执行 JavaScript : <p draggable='true' ondragend='myFunction(event)'>拖动我!</p> 尝试一下 » 本文底部包含了更多实例。 定义和用法 ondragend 事件在..
ondragenter 事件 事件对象 实例 在拖动的元素进入到放置目标时执行 JavaScript : <div ondragenter='myFunction(event)'></div> 尝试一下 » 本文底部包含了更多实例。 定义和用法 ondragenter 事件在拖动的元素或选择的文本进入到有效的放置目标时触发。 ondragen..
ondragleave 事件 事件对象 实例 在可拖动的元素移出放置目标时执行 JavaScript : <div ondragleave='myFunction(event)'></div> 尝试一下 » 本文底部包含了更多实例。 定义和用法 ondragleave 事件在可拖动的元素或选取的文本移出放置目标时执触发。 ondragenter ..
ondragover 事件 事件对象 实例 在元素正在拖动到放置目标时触发： <div ondragover='myFunction(event)'></div> 尝试一下 » 本文底部包含了更多实例。 定义和用法 ondragover 事件在可拖动元素或选取的文本正在拖动到放置目标时触发。 默认情况下，数据/元素不能放置到其他元素中。 如果要实..
ondragstart 事件 事件对象 实例 在用户开始拖动 <p> 元素时执行 JavaScript : <p draggable='true' ondragstart='myFunction(event)'>拖动我!</p> 尝试一下 » 本文底部包含了更多实例。 定义和用法 ondragstar..
ondrop 事件 事件对象 实例 在可拖动元素放置在 <div> 元素中时执行 JavaScript: <div ondrop='myFunction(event)'></div> 尝试一下 » 本文底部包含了更多实例。 定义和用法 ondrop 事件在可拖动元素或选取的文本放置在目标区域时触发。 拖放是 HTML5..
ondurationchange 事件 事件对象 实例 当视频的时长发生变化时执行 JavaScript: <video ondurationchange='myFunction()'> 尝试一下 » 本文底部包含了更多实例。 定义和用法 ondurationchange 事件在视频/音频（audio/video）的时长发生变化时触发。 注意： 当视频/音频（audio/v..
onended 事件 事件对象 实例 当音频播放结束后执行 JavaScript: <audio onended='myFunction()'> 尝试一下 » 本文底部包含了更多实例。 定义和用法 onended 事件在视频/音频（audio/video）播放结束时触发。 该事件通常用于送类似“感谢观看”之类的消息。 浏览器支持 表格中的数字表示支持该事件的第一个浏览器的..
onerror 事件 事件对象 实例 当视频的媒体数据加载期间发生错误时执行 JavaScript : <video onerror='myFunction()'> 定义和用法 onerror 事件在视频/音频（audio/video）数据加载期间发生错误时触发。 提示： 影响媒体数据加载的相关事件有： onabort onemptied onstalled on..
onerror 事件 事件对象 实例 如果在加载图片时发生错误则执行 JavaScript : [mycode3 type='html'][/mycode3] 尝试一下 » 定义和用法 onerror 事件在加载外部文件（文档或图像）发生错误时触发。 浏览器支持 事件 oner..
onfocus 事件 事件对象 实例 当 input 输入框获取焦点时执行一段 Javascript代码： <input type='text' onfocus='myFunction()'> 尝试一下 » 定义和用法 onfocus 事件在对象获得焦点时发生。 Onfocus 通常用于 <input>, <sel..