CodeNodeX AI
Sign upWrite

Learning Path

JavaScript reference tutorials

Browse tutorials and chapters for JavaScript reference.

Frontend

HTML, CSS, JavaScript, browser APIs, frontend frameworks, and UI engineering.

Tutorials

1361

TUTORIALFrontendFetched/JavaScript reference

onafterprint 事件

onafterprint 事件 事件对象 实例 在页面打印后执行 JavaScript： <body onafterprint='myFunction()'> 尝试一下 » 定义和用法 onafterprint 事件在页面打印后触发，或者打印对话框已经关闭。 提示： onafterprint 事件的相反事件为 onbeforeprint 事件。 浏览器支持 ..

TUTORIALFrontendFetched/JavaScript reference

onbeforeprint 事件

onbeforeprint 事件 事件对象 实例 在页面即将打印时执行 JavaScript: <body onbeforeprint='myFunction()'> 尝试一下 » 定义和用法 onbeforeprint 事件在页面即将打印时触发 (在打印窗口出现前)。 提示： onbeforeprint 事件的相反事件为 onafterprint 。 浏览器支持 事..

TUTORIALFrontendFetched/JavaScript reference

onbeforeunload 事件

onbeforeunload 事件 事件对象 实例 在即将离开当前页面(刷新或关闭)时执行 JavaScript : [mycode3 type='html'] [/mycode3] 尝试一下 » 定义和用法 onbeforeunload 事件在即将离开当前页面（刷新或关闭）时触发。 该事件可用于弹出对话框，提示用户是继续浏览页面还是离开当前页面。 对话框默认的提示信息根据不同的浏览器有所不同，..

TUTORIALFrontendFetched/JavaScript reference

onblur 事件

onblur 事件 事件对象 实例 当用户离开input输入框时执行一段Javascript代码： <input type='text' onblur='myFunction()'> 尝试一下 » 定义和用法 onblur 事件会在对象失去焦点时发生。 Onblur 经常用于Javascript验证代码，一般用于表单输入框。 提示：onblur 相反事件为..

TUTORIALFrontendFetched/JavaScript reference

oncanplay 事件

oncanplay 事件 事件对象 实例 在视频(video)准备开始播放时执行 JavaScript： <video oncanplay='myFunction()'> 尝试一下 » 在本文底部可以查看更多实例。 定义和用法 oncanplay 事件在用户可以开始播放视频/音频（audio/video）时触发。 在视频/音频（audio/video）加载过程中，事件的触发..

TUTORIALFrontendFetched/JavaScript reference

oncanplaythrough 事件

oncanplaythrough 事件 事件对象 实例 当视频可以正常播放且无需停顿时执行 JavaScript： <video oncanplaythrough='myFunction()'> 尝试一下 » 本文底部包含了更多实例。 定义和用法 oncanplaythrough 事件在视频/音频（audio/video）可以正常播放且无需停顿和缓冲时触发。 在视频/音频（..

TUTORIALFrontendFetched/JavaScript reference

onchange 事件

onchange 事件 事件对象 实例 当用户改变input输入框内容时执行一段Javascript代码： <input type='text' onchange='myFunction()'> 尝试一下 » 定义和用法 onchange 事件会在域的内容改变时发生。 onchange 事件也可用于单选框与复选框改变后触发的事件。 语法 HTML 中: ..

TUTORIALFrontendFetched/JavaScript reference

onclick 事件

onclick 事件 事件对象 实例 当按钮被点击时执行Javascript代码：: <button onclick='myFunction()'>Click me</button> 尝试一下 » 定义和用法 onclick 事件会在元素被点击时发生。 语法 HTML 中: <element onclick='Some..

TUTORIALFrontendFetched/JavaScript reference

oncontextmenu 事件

oncontextmenu 事件 事件对象 实例 当用户在 <div> 元素 上右击鼠标时执行 JavaScript ： <div oncontextmenu='myFunction()' contextmenu='mymenu'> 尝试一下 » 定义和使用 oncontextmenu 事件在元素中用户右击鼠标时触发并打开..

TUTORIALFrontendFetched/JavaScript reference

oncopy 事件

oncopy 事件 事件对象 实例 当在 <input> 元素上拷贝文本时执行 JavaScript: <input type='text' oncopy='myFunction()' value='尝试拷贝文本'> 尝试一下 » 本文底部包含更多实例。 定义和用法 oncopy 事件在用户拷贝元素上..

TUTORIALFrontendFetched/JavaScript reference

oncut 事件

oncut 事件 事件对象 实例 当 <input> 元素中的选择内容被剪切时执行 JavaScript : <input type='text' oncut='myFunction()' value='尝试剪切该文本'> 尝试一下 » 在本文底部查看更多实例。 定义和用法 oncut 事件在用户剪切元..

TUTORIALFrontendFetched/JavaScript reference

ondblclick 事件

ondblclick 事件 事件对象 实例 当元素被双击时执行Javascript代码： <p ondblclick='myFunction()'>Click me</p> 尝试一下 » 定义和用法 ondblclick 事件会在对象被双击时发生。 语法 HTML 中: <element ondblclick='So..

TUTORIALFrontendFetched/JavaScript reference

ondrag 事件

ondrag 事件 事件对象 实例 在 <p> 元素开始拖动时执行 JavaScript: <p draggable='true' ondrag='myFunction(event)'>拖动我!</p> 尝试一下 » 本文底部包含了更多实例 定义和用法 ondrag 事件在元素或者选取的文本被拖动时触..

TUTORIALFrontendFetched/JavaScript reference

ondragend 事件

ondragend 事件 事件对象 实例 在用户完成 <p> 元素的拖动时执行 JavaScript : <p draggable='true' ondragend='myFunction(event)'>拖动我!</p> 尝试一下 » 本文底部包含了更多实例。 定义和用法 ondragend 事件在..

TUTORIALFrontendFetched/JavaScript reference

ondragenter 事件

ondragenter 事件 事件对象 实例 在拖动的元素进入到放置目标时执行 JavaScript : <div ondragenter='myFunction(event)'></div> 尝试一下 » 本文底部包含了更多实例。 定义和用法 ondragenter 事件在拖动的元素或选择的文本进入到有效的放置目标时触发。 ondragen..

TUTORIALFrontendFetched/JavaScript reference

ondragleave 事件

ondragleave 事件 事件对象 实例 在可拖动的元素移出放置目标时执行 JavaScript : <div ondragleave='myFunction(event)'></div> 尝试一下 » 本文底部包含了更多实例。 定义和用法 ondragleave 事件在可拖动的元素或选取的文本移出放置目标时执触发。 ondragenter ..

TUTORIALFrontendFetched/JavaScript reference

ondragover 事件

ondragover 事件 事件对象 实例 在元素正在拖动到放置目标时触发： <div ondragover='myFunction(event)'></div> 尝试一下 » 本文底部包含了更多实例。 定义和用法 ondragover 事件在可拖动元素或选取的文本正在拖动到放置目标时触发。 默认情况下，数据/元素不能放置到其他元素中。 如果要实..

TUTORIALFrontendFetched/JavaScript reference

ondragstart 事件

ondragstart 事件 事件对象 实例 在用户开始拖动 <p> 元素时执行 JavaScript : <p draggable='true' ondragstart='myFunction(event)'>拖动我!</p> 尝试一下 » 本文底部包含了更多实例。 定义和用法 ondragstar..

TUTORIALFrontendFetched/JavaScript reference

ondrop 事件

ondrop 事件 事件对象 实例 在可拖动元素放置在 <div> 元素中时执行 JavaScript: <div ondrop='myFunction(event)'></div> 尝试一下 » 本文底部包含了更多实例。 定义和用法 ondrop 事件在可拖动元素或选取的文本放置在目标区域时触发。 拖放是 HTML5..

TUTORIALFrontendFetched/JavaScript reference

ondurationchange 事件

ondurationchange 事件 事件对象 实例 当视频的时长发生变化时执行 JavaScript: <video ondurationchange='myFunction()'> 尝试一下 » 本文底部包含了更多实例。 定义和用法 ondurationchange 事件在视频/音频（audio/video）的时长发生变化时触发。 注意： 当视频/音频（audio/v..

TUTORIALFrontendFetched/JavaScript reference

onended 事件

onended 事件 事件对象 实例 当音频播放结束后执行 JavaScript: <audio onended='myFunction()'> 尝试一下 » 本文底部包含了更多实例。 定义和用法 onended 事件在视频/音频（audio/video）播放结束时触发。 该事件通常用于送类似“感谢观看”之类的消息。 浏览器支持 表格中的数字表示支持该事件的第一个浏览器的..

TUTORIALFrontendFetched/JavaScript reference

onerror 事件

onerror 事件 事件对象 实例 当视频的媒体数据加载期间发生错误时执行 JavaScript : <video onerror='myFunction()'> 定义和用法 onerror 事件在视频/音频（audio/video）数据加载期间发生错误时触发。 提示： 影响媒体数据加载的相关事件有： onabort onemptied onstalled on..

TUTORIALFrontendFetched/JavaScript reference

onerror 事件

onerror 事件 事件对象 实例 如果在加载图片时发生错误则执行 JavaScript : [mycode3 type='html'][/mycode3] 尝试一下 » 定义和用法 onerror 事件在加载外部文件（文档或图像）发生错误时触发。 浏览器支持 事件 oner..

TUTORIALFrontendFetched/JavaScript reference

onfocus 事件

onfocus 事件 事件对象 实例 当 input 输入框获取焦点时执行一段 Javascript代码： <input type='text' onfocus='myFunction()'> 尝试一下 » 定义和用法 onfocus 事件在对象获得焦点时发生。 Onfocus 通常用于 <input>, <sel..