HTML DOM console.groupCollapsed() 方法
Console 对象
实例
在控制台创建一个折叠分组信息：
console.log("Runoob");
console.groupCollapsed();
console.log("Runoob，这个在折叠的分组里面。");
定义和用法
console.groupCollapsed() 方法用于设……继续阅读 »
2年前 (2022-09-04) 42浏览 0评论
0个赞
HTML DOM console.groupEnd() 方法
Console 对象
实例
使用 console.groupEnd() 方法来结束一个分组信息：
console.log("Runoob");
console.group();
console.log("我再分组信息里。");
console.groupEnd();
console.log("我跳出分组拉……继续阅读 »
2年前 (2022-09-04) 34浏览 0评论
0个赞
HTML DOM console.error() 方法
Console 对象
实例
将错误信息输出到控制台：
console.error("这是一个错误。");
定义和用法
console.error() 方法用于输出错误信息到控制台。
该方法对于开发过程进行测试很有帮助。
提示: 在测试的该方法的过程中，控制台需要可见 (浏览器按下 F12 打开控制台)。
语法
console.err……继续阅读 »
2年前 (2022-09-04) 45浏览 0评论
0个赞
HTML DOM console.group() 方法
Console 对象
实例
在控制台创建一个分组信息：
console.log("Runoob");
console.group();
console.log("Runoob，这个在分组里面。");
定义和用法
console.group() 方法用于设置分组信息的起始位置，该位置之后的所有信息将写入分组。
提示: ……继续阅读 »
2年前 (2022-09-04) 24浏览 0评论
0个赞
HTML DOM console.count() 方法
Console 对象
实例
记录 count() 调用次数，并输出到控制台：
for (i = 0; i < 10; i++) {
console.count();
}
定义和用法
console.count() 在调用时会将数字（调用次数）写入到控制台。
console.count() 方法可以添加标签。
语法
console.coun……继续阅读 »
2年前 (2022-09-04) 44浏览 0评论
0个赞
HTML DOM console.assert() 方法
Console 对象
实例
如果第一个参数为 false，则再控制台输出信息：
console.assert(document.getElementById("demo"), "没有 ID 为 ‘demo’ 的元素");
定义和用法
console.assert() 方法在第一个参数为 f……继续阅读 »
2年前 (2022-09-04) 63浏览 0评论
0个赞
HTML DOM console.clear() 方法
Console 对象
实例
清除控制台上所有信息：
console.clear();
定义和用法
console.clear() 方法用于清除控制台所有信息。
console.clear() 方法在执行成功后，会在控制台输出: “Console was cleared”。
语法
console.clear()
浏览器支持
表……继续阅读 »
2年前 (2022-09-04) 110浏览 0评论
0个赞
shiftKey Event 属性
事件对象
定义和用法
shiftKey 事件属性可返回一个布尔值，指示当事件发生时，”SHIFT” 键是否被按下并保持住。
语法
event.shiftKey=true|false|1|0
实例
实例
下面的例子可提示当鼠标按键被点击时 “SHIFT” 键是否被按住：
<!DOCTYPE html>
<h……继续阅读 »
2年前 (2022-09-04) 73浏览 0评论
0个赞
screenX 事件属性
事件对象
定义和用法
screenX 事件属性可返回事件发生时鼠标指针相对于屏幕的水平坐标。
语法
event.screenX
实例
实例
下面的例子可显示出事件发生时鼠标指针的坐标：
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title&……继续阅读 »
2年前 (2022-09-04) 33浏览 0评论
0个赞
screenY 事件属性
事件对象
定义和用法
screenY 事件属性可返回事件发生时鼠标指针相对于屏幕的垂直坐标。
语法
event.screenY
实例
实例
下面的例子可显示出事件发生时鼠标指针的坐标：
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title&……继续阅读 »
2年前 (2022-09-04) 98浏览 0评论
0个赞
metaKey 事件属性
事件对象
定义和用法
metaKey 事件属性可返回一个布尔值，指示当事件发生时，”meta” 键是否被按下并保持住。
语法
event.metaKey
实例
实例
下面的例子可提示当鼠标按键被点击时 “meta” 键是否被按住：
<!DOCTYPE html>
<html>
<head>
<……继续阅读 »
2年前 (2022-09-04) 37浏览 0评论
0个赞
relatedTarget 事件属性
事件对象
定义和用法
relatedTarget 事件属性返回与事件的目标节点相关的节点。
对于 mouseover 事件来说，该属性是鼠标指针移到目标节点上时所离开的那个节点。
对于 mouseout 事件来说，该属性是离开目标时，鼠标指针进入的节点。
对于其他类型的事件来说，这个属性没有用。
语法
event.relatedTarget
实例
实例
下面例子可返回……继续阅读 »
2年前 (2022-09-04) 43浏览 0评论
0个赞
which 事件属性
事件对象
实例
获取按下的键盘按键Unicode值：
var x = event.which;
x 输出结果为:
119 // 119 是字符
“w”
本文底部包含了更多实例。
定义和使用
which 属性返回onkeypress事件触发的键的值的字符代码，或者 onkeydown 或
onkeyup 事件的键的代码。
两种代码类型……继续阅读 »
2年前 (2022-09-04) 53浏览 0评论
0个赞
key 事件属性
事件对象
实例
按下按键时获取键盘按钮：
var x = event.key;
x 输出结果为：
Enter
本文底部包含了更多实例。
定义和使用
key 事件在按下按键时返回按键的标识符。
按键标识符是表示键盘按钮的字符串，该属性的返回值可以是：
单个字母 (如 “a”, “W”, “4”, “+……继续阅读 »
2年前 (2022-09-04) 35浏览 0评论
0个赞
keyCode 事件属性
事件对象
实例
获取按下的键盘按键Unicode值：
var x = event.keyCode;
x 输出结果为:
119 // 119 是字符
“w”
本文底部包含了更多实例。
定义和使用
keyCode 属性返回onkeypress事件触发的键的值的字符代码，或者 onkeydown 或
onkeyup 事件的键的代码。
两……继续阅读 »
2年前 (2022-09-04) 39浏览 0评论
0个赞
charCode 事件属性
事件对象
实例
获取按下的键盘按键Unicode值：:
var x = event.charCode;
x 输出结果为：
119 // 119 是字母
“w”
本文底部包含了更多实例。
定义和使用
charCode 属性返回onkeypress事件触发键值的字母代码。
Unicode 字符代码是一个字母的数字 (如数字 R……继续阅读 »
2年前 (2022-09-04) 65浏览 0评论
0个赞
ctrlKey 事件属性
事件对象
定义和用法
ctrlKey 事件属性可返回一个布尔值，指示当事件发生时，Ctrl 键是否被按下并保持住。
语法
event.ctrlKey=true|false|1|0
实例
实例
下面的例子可提示当鼠标按键被点击时 “CTRL” 键是否被按住：
<!DOCTYPE html>
<html>
<head>
<……继续阅读 »
2年前 (2022-09-04) 26浏览 0评论
0个赞
location 事件属性
事件对象
实例
获取键所处的位置：
var x = event.location;
x 输出结果为：
0
定义和使用
location 属性返回按键在键盘或设置上的位置。
数字可由 4 个常数表示：
0. DOM_KEY_LOCATION_STANDARD:
表示不是最左边或者最右边的按键，也不是数字键盘上的数字（该值几乎包含了所有的按键，如 “A”, ……继续阅读 »
2年前 (2022-09-04) 31浏览 0评论
0个赞
clientX 事件属性
事件对象
定义和用法
clientX 事件属性返回当事件被触发时鼠标指针相对于浏览器页面（或客户区）的水平坐标。
客户区指的是当前窗口。
语法
event.clientX
实例
实例
下面的例子可显示出事件发生时鼠标指针的坐标：
var x=event.clientX;
var y=event.clientY;
事件对象
……继续阅读 »
2年前 (2022-09-04) 35浏览 0评论
0个赞
clientY 事件属性
事件对象
定义和用法
clientY 事件属性返回当事件被触发时鼠标指针向对于浏览器页面（客户区）的垂直坐标。
客户区指的是当前窗口。
语法
event.clientY
实例
实例
下面的例子可显示出事件发生时鼠标指针的坐标：
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8&……继续阅读 »
2年前 (2022-09-04) 54浏览 0评论
0个赞
button 事件属性
事件对象
定义和用法
button 事件属性可返回一个整数，指示当事件被触发时哪个鼠标按键被点击。
语法
event.button=0|1|2
参数
描述
0
指定鼠标左键。
1
指定鼠标中键。
2
指定鼠标右键。
注意： Internet Explorer 8 及更早IE版本有不同的参数：
参数
描述
1
指定鼠标左键。 (IE8及更早IE版本)
4
……继续阅读 »
2年前 (2022-09-04) 22浏览 0评论
0个赞
type 事件属性
事件对象
定义和用法
type 事件属性返回发生的事件的类型，即当前 Event 对象表示的事件的名称。
它与注册的事件句柄同名，或者是事件句柄属性删除前缀 “on” 比如 “submit”、”load” 或 “click”。
语法
event.type
实例
实例
下面的例子可返回被触发的事……继续阅读 »
2年前 (2022-09-04) 96浏览 0评论
0个赞
altKey 事件属性
事件对象
定义和用法
altKey 事件属性返回一个布尔值。指示在指定的事件发生时，Alt 键是否被按下并保持住了。
语法
event.altKey=true|false|1|0
实例
实例
下面的例子可提示当鼠标按键被点击时 “ALT” 键是否已被按住：
function isKeyPressed(event){
if (event.altKey==……继续阅读 »
2年前 (2022-09-04) 36浏览 0评论
0个赞
target 事件属性
事件对象
定义和用法
target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。
语法
event.target
实例
实例
下面的例子可获得触发事件的元素：
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<……继续阅读 »
2年前 (2022-09-04) 77浏览 0评论
0个赞
timeStamp 事件属性
事件对象
定义和用法
timeStamp 事件属性可返回一个时间戳。指示发生事件的日期和时间（从 epoch 开始的毫秒数）。
epoch 是一个事件参考点。在这里，它是客户机启动的时间。
并非所有系统都提供该信息，因此，timeStamp 属性并非对所有系统/事件都是可用的。
语法
event.timeStamp
实例
实例
下面的例子可获得系统启动开始的事件戳：
<……继续阅读 »
2年前 (2022-09-04) 92浏览 0评论
0个赞
currentTarget 事件属性
事件对象
定义和用法
currentTarget 事件属性返回其监听器触发事件的节点，即当前处理该事件的元素、文档或窗口。
在捕获和起泡阶段，该属性是非常有用的，因为在这两个节点，它不同于 target 属性。
语法
event.currentTarget
实例
实例
下面的例子可获得哪个元素的监听器触发了事件：
<!DOCTYPE html>
<……继续阅读 »
2年前 (2022-09-04) 27浏览 0评论
0个赞
bubbles 事件属性
事件对象
定义和用法
bubbles 事件属性返回一个布尔值，如果事件是起泡类型，则返回 true，否则返回 fasle。
事件冒泡分为三个阶段，它是这样的:
第一，捕获阶段。事件从 Document 对象沿着文档树向下传递给目标节点。如果目标的任何一个先辈专门注册了捕获事件句柄，那么在事件传播过程中运行这些句柄。
第二个阶段发生在目标节点自身。直接注册砸目标上的适合的事件句柄将运行……继续阅读 »
2年前 (2022-09-04) 19浏览 0评论
0个赞
cancelable 事件属性
事件对象
定义和用法
cancelable 事件返回一个布尔值。如果用 preventDefault() 方法可以取消与事件关联的默认动作，则为 true，否则为 fasle。
语法
event.cancelable
实例
实例
下面的例子讲检测发生的事件是否是一个 cancelable 事件：
<!DOCTYPE html>
<html>
<……继续阅读 »
2年前 (2022-09-04) 25浏览 0评论
0个赞
onshow 事件
事件对象
实例
当 <menu> 元素在上下文菜单显示时执行 JavaScript:
<div contextmenu=”mymenu”> <p>Right-click inside this box to see
the context menu! <p>用鼠标右键单击黄色框区域查看上下文菜单！</p&……继续阅读 »
2年前 (2022-09-04) 43浏览 0评论
0个赞
ontoggle 事件
事件对象
实例
当 <details> 元素在打开或关闭时执行 JavaScript:
<details ontoggle=”myFunction()”>
定义和用法
ontoggle 事件在用户打开或关闭 <details> 元素时触发。
<details> 元素描述了额外的信息，用户可以根据需求查看或隐藏它……继续阅读 »
2年前 (2022-09-04) 55浏览 0评论
0个赞
