Learning Path
浏览 JavaScript 参考手册 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
1361
animationstart 事件 事件对象 实例 在 CSS 动画开始播放时为 <div> 元素添加监听事件: [mycode3 type='js'] var x = document.getElementById('myDIV'); // Chrome, Safari 和 Opera 代码 x.addEventListener('webkitA..
Body onload 事件 Body 对象 定义和用法 onload 事件在页面载入完成后立即触发。 语法 onload='JavaScriptCode' 参数 描述 JavaScriptCode 必需。规定该事件发生时执行的 JavaScript。 浏览器支持 所有主要浏览器都支持 onload 事件 实例 实例 在本例中,文本 'Page is ..
bubbles 事件属性 事件对象 定义和用法 bubbles 事件属性返回一个布尔值,如果事件是起泡类型,则返回 true,否则返回 fasle。 事件冒泡分为三个阶段,它是这样的: 第一,捕获阶段。事件从 Document 对象沿着文档树向下传递给目标节点。如果目标的任何一个先辈专门注册了捕获事件句柄,那么在事件传播过程中运行这些句柄。 第二个阶段发生在目标节点自身。直接注册砸目标上的适合的事件句柄将运行。这与 0 级事件模..
button 事件属性 事件对象 定义和用法 button 事件属性可返回一个整数,指示当事件被触发时哪个鼠标按键被点击。 语法 event.button=0|1|2 参数 描述 0 指定鼠标左键。 1 指定鼠标中键。 2 指定鼠标右键。 注意: Internet Explorer 8 及更早IE版本有不同的参数: 参数 描述 1 指..
cancelable 事件属性 事件对象 定义和用法 cancelable 事件返回一个布尔值。如果用 preventDefault() 方法可以取消与事件关联的默认动作,则为 true,否则为 fasle。 语法 event.cancelable 实例 实例 下面的例子讲检测发生的事件是否是一个 cancelable 事件: [mycode2] 菜鸟教程(runoob.com) function ..
clientX 事件属性 事件对象 定义和用法 clientX 事件属性返回当事件被触发时鼠标指针相对于浏览器页面(或客户区)的水平坐标。 客户区指的是当前窗口。 语法 event.clientX 实例 实例 下面的例子可显示出事件发生时鼠标指针的坐标: [mycode3 type='js'] var x=event.clientX; var y=event.clientY; [/mycod..
clientY 事件属性 事件对象 定义和用法 clientY 事件属性返回当事件被触发时鼠标指针向对于浏览器页面(客户区)的垂直坐标。 客户区指的是当前窗口。 语法 event.clientY 实例 实例 下面的例子可显示出事件发生时鼠标指针的坐标: [mycode2] 菜鸟教程(runoob.com) function show_coords(event){ var x=event.clientX; va..
ctrlKey 事件属性 事件对象 定义和用法 ctrlKey 事件属性可返回一个布尔值,指示当事件发生时,Ctrl 键是否被按下并保持住。 语法 event.ctrlKey=true|false|1|0 实例 实例 下面的例子可提示当鼠标按键被点击时 'CTRL' 键是否被按住: [mycode2] 菜鸟教程(runoob.com) function isKeyPressed(event){..
currentTarget 事件属性 事件对象 定义和用法 currentTarget 事件属性返回其监听器触发事件的节点,即当前处理该事件的元素、文档或窗口。 在捕获和起泡阶段,该属性是非常有用的,因为在这两个节点,它不同于 target 属性。 语法 event.currentTarget 实例 实例 下面的例子可获得哪个元素的监听器触发了事件: [mycode2] 菜鸟教程(runoob.com) f..
Form onreset 事件 Form 对象 定义和用法 onreset 事件在重置(reset)按钮点击提交表单后调用。 语法 onreset='JavaScriptCode' 参数 描述 JavaScriptCode 必须。事件触发后指定执行的 JavaScript 代码。 浏览器支持 所有主要浏览器都支持 onreset 事件 实例 实例 当重置(rese..
Form onsubmit 事件 Form 对象 定义和用法 onsubmit 事件在提交表单时调用。 语法 onsubmit='JavaScriptCode' 参数 描述 JavaScriptCode 必须。事件触发后指定执行的 JavaScript 代码。 浏览器支持 所有主要浏览器都支持 onsubmit 事件 实例 实例 当submit按钮点击提交表单后..
Frame/IFrame onload 事件 Frame/IFrame 对象 定义和用法 onload 事件在frame或者iframe载入完成后被触发。 语法 onload='JavaScriptCode' 参数 描述 JavaScriptCode 必须。在事件触发后执行的Javascript代码。 浏览器支持 所有主要浏览器都支持 onload 事件 实例 实..
Frameset onload Event Frameset 对象 定义和用法 onload 事件在页面载入完成后被触发。 语法 onload='JavaScriptCode' 参数 描述 JavaScriptCode 必须。在事件触发后执行的Javascript代码。 浏览器支持 所有主要浏览器都支持 onload 事件 实例 实例 框架集载入完成后弹出 �..
Image onabort 事件 Image 对象 定义和用法 onabort 事件会在图像加载被中断时发生。 语法 onabort='JavaScriptCode' 参数 描述 JavaScriptCode 必需。规定该事件发生时执行的 JavaScript。 浏览器支持 所有主要浏览器都支持 onabort 事件 实例 在本例中,如果图像的加载被中断,则会显示..
Image onerror 事件 Image 对象 定义和用法 onerror 事件会在文档或图像加载过程中发生错误时被触发。 语法 onerror='JavaScriptCode' 参数 描述 JavaScriptCode 必需。规定该事件发生时执行的 JavaScript。 浏览器支持 所有主要浏览器都支持 onerror 事件 实例 实例 在本例中,如果装..
Image onload 事件 Image 对象 定义和用法 onload 事件在图片加载完成后立即执行。 语法 onload='JavaScriptCode' 参数 描述 JavaScriptCode 必须。在事件触发后执行的Javascript代码。 浏览器支持 所有主要浏览器都支持 onload 事件 实例 实例 在图片载入完成后弹出 '图片加载完..
charCode 事件属性 事件对象 实例 获取按下的键盘按键Unicode值:: var x = event.charCode; x 输出结果为: 119 // 119 是字母 'w' 尝试一下 » 本文底部包含了更多实例。 定义和使用 charCode 属性返回onkeypress事件触发键值的字母代码。 Unicode 字符代码是一个字母的数字 (..
key 事件属性 事件对象 实例 按下按键时获取键盘按钮: var x = event.key; x 输出结果为: Enter 尝试一下 » 本文底部包含了更多实例。 定义和使用 key 事件在按下按键时返回按键的标识符。 按键标识符是表示键盘按钮的字符串,该属性的返回值可以是: 单个字母 (如 'a', 'W', '4', '+' 或..
keyCode 事件属性 事件对象 实例 获取按下的键盘按键Unicode值: var x = event.keyCode; x 输出结果为: 119 // 119 是字符 'w' 尝试一下 » 本文底部包含了更多实例。 定义和使用 keyCode 属性返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键..
location 事件属性 事件对象 实例 获取键所处的位置: var x = event.location; x 输出结果为: 0 尝试一下 » 定义和使用 location 属性返回按键在键盘或设置上的位置。 数字可由 4 个常数表示: 0. DOM_KEY_LOCATION_STANDARD: 表示不是最左边或者最右边的按键,也不是数字键盘上的数字(该值几乎包含了所有的按键,如 'A', ..
which 事件属性 事件对象 实例 获取按下的键盘按键Unicode值: var x = event.which; x 输出结果为: 119 // 119 是字符 'w' 尝试一下 » 本文底部包含了更多实例。 定义和使用 which 属性返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。..
metaKey 事件属性 事件对象 定义和用法 metaKey 事件属性可返回一个布尔值,指示当事件发生时,'meta' 键是否被按下并保持住。 语法 event.metaKey 实例 实例 下面的例子可提示当鼠标按键被点击时 'meta' 键是否被按住: [mycode2] 菜鸟教程(runoob.com) function isKeyPressed(event){ i..
onabort 事件 事件对象 实例 在视频(video)终止加载时执行 JavaScript: <video onabort='myFunction()'> 定义和用法 onabort 事件在视频/音频(audio/video)终止加载时触发。 该事件在多媒体数据终止加载时触发,而不是发生错误时触发。 提示: 影响多媒体加载的事件有: onemptied oner..
onabort 事件 事件对象 实例 图片加载中止时,执行 JavaScript: <img src='image_w3default.gif' onabort='myFunction()'> 定义和用法 onabort 事件在用户中止加载 <img> 或 <input type='image..