GlobalEventHandlers 描述了一系列web worker的事件接口 {{domxref("HTMLElement")}}, {{domxref("Document")}}, {{domxref("Window")}}, 或 {{domxref("WorkerGlobalScope")}}。这里面的每一个接口都可以添加更多的事件句柄。
GlobalEventHandlers 描述了一系列 web worker 的事件接口 {{domxref("HTMLElement")}}, {{domxref("Document")}}, {{domxref("Window")}}, 或 {{domxref("WorkerGlobalScope")}}。这里面的每一个接口都可以添加更多的事件句柄。
Note:GlobalEventHandlers 是一个混入对象(mixin)而不是一个真正的接口，所以无法创建直接基于GlobalEventHandlers 的对象。
Note:GlobalEventHandlers 是一个混入对象 (mixin) 而不是一个真正的接口，所以无法创建直接基于GlobalEventHandlers 的对象。
这些事件定义在 {{domxref("GlobalEventHandlers")}} 中, 并被混入和实现在{{domxref("HTMLElement")}}, {{domxref("Document")}}, {{domxref("Window")}}上，任意html元素、document对象，window对象上均可以使用它提供的属性， 即时是全局的{{domxref("WorkerGlobalScope")}}。
+这些事件定义在 {{domxref("GlobalEventHandlers")}} 中，并被混入和实现在{{domxref("HTMLElement")}}, {{domxref("Document")}}, {{domxref("Window")}}上，任意 html 元素、document 对象，window 对象上均可以使用它提供的属性， 即时是全局的{{domxref("WorkerGlobalScope")}}。
一个中断事件的事件处理器发送到window全局对象。（Firefox 2 和Safari不可用）
+一个中断事件的事件处理器发送到 window 全局对象。（Firefox 2 和 Safari 不可用）
-TODO 要定义什么是“abort”。通过窗口管理关掉窗口么？停止页面的加载？有什么意图和理由（用户，网络或服务器）？在哪一步被发起或被捕获？对于IE浏览器，onabort只可用于img标签。
TODO 要定义什么是“abort”。通过窗口管理关掉窗口么？停止页面的加载？有什么意图和理由（用户，网络或服务器）？在哪一步被发起或被捕获？对于 IE 浏览器，onabort 只可用于img标签。
animationcancel是一个事件处理操作,这个事件在CSS Animation属性意外中断时派发出来(换句话说，任何时候animation停止运行不会发出一个animationend 事件，比如，当animation-name改变以后，animation 就会被移除，或者动画节点隐藏—当前元素或者任何包含的节点隐藏)—使用css时.
+animationcancel 是一个事件处理操作，这个事件在CSS Animation属性意外中断时派发出来 (换句话说，任何时候 animation 停止运行不会发出一个 animationend 事件，比如，当 animation-name 改变以后，animation 就会被移除，或者动画节点隐藏—当前元素或者任何包含的节点隐藏)—使用 css 时。
事件处理程序。 当CSS动画到达其活动期的结束时发送此事件
+事件处理程序。 当 CSS 动画到达其活动期的结束时发送此事件
当target(HTML元素， document 或者 window)的CSS动画已经开始，{{event("animationend")}}事件会触发同时事件处理函数会被调用。事件处理函数会接收到唯一的参数：{{domxref("AnimationEvent")}} 描述发生的事件。
当target(HTML 元素， document 或者 window) 的 CSS 动画已经开始，{{event("animationend")}}事件会触发同时事件处理函数会被调用。事件处理函数会接收到唯一的参数：{{domxref("AnimationEvent")}} 描述发生的事件。
在这个例子中我们定义了两个事件处理函数：onclick 和 onauxclick。前者改变按钮背景的颜色，而后者改变按钮前景（文本）的颜色。您可以通过使用多按钮鼠标尝试演示来查看这两种功能(see it live on GitHub; also see the source code)。
在这个例子中我们定义了两个事件处理函数：onclick 和 onauxclick。前者改变按钮背景的颜色，而后者改变按钮前景（文本）的颜色。您可以通过使用多按钮鼠标尝试演示来查看这两种功能 (see it live on GitHub; also see the source code)。
var button = document.querySelector('button');
var html = document.querySelector('html');
diff --git a/files/zh-cn/web/api/globaleventhandlers/onblur/index.html b/files/zh-cn/web/api/globaleventhandlers/onblur/index.html
index ddfd3938de9cfa..da41e7cd7f95eb 100644
--- a/files/zh-cn/web/api/globaleventhandlers/onblur/index.html
+++ b/files/zh-cn/web/api/globaleventhandlers/onblur/index.html
@@ -9,7 +9,7 @@
概述
-onblur属性用来获取或设置当前元素的onBlur事件的事件处理函数
+onblur属性用来获取或设置当前元素的 onBlur 事件的事件处理函数
语法
@@ -17,10 +17,10 @@ 语法
function 是一个函数名, 没有括号()和任何参数,也可以是一个匿名函数,如下:function 是一个函数名，没有括号 () 和任何参数，也可以是一个匿名函数，如下：element.onblur = function() { alert("检测到onblur事件!"); };
+element.onblur = function() { alert("检测到 onblur 事件！"); };
例子
@@ -37,14 +37,14 @@ 例子
function initElement()
{
elem = document.getElementById("foo");
- // 注意:doEvent() 和 doEvent(param)都是不正确的.这里只能是函数名,不能是函数调用.
+ // 注意:doEvent() 和 doEvent(param) 都是不正确的。这里只能是函数名，不能是函数调用。
elem.onblur = doEvent;
};
function doEvent()
{
elem.value = 'Bye-Bye';
- alert("检测到onblur事件!")
+ alert("检测到 onblur 事件！")
}
</script>
@@ -62,7 +62,7 @@ 例子
<input type="text" id="foo" value="Hello!" />
</form>
-<p>点击input元素使其获得焦点,然后点击其他页面其他部位</p>
+<p>点击 input 元素使其获得焦点，然后点击其他页面其他部位</p>
</body>
</html>
@@ -70,10 +70,10 @@ 例子
备注
-当一个元素失去焦点时会触发blur事件.
+当一个元素失去焦点时会触发blur事件。
-在IE中,几乎所有类型的元素都可以触发blur事件,但在基于gecko的浏览器中,大部分元素都不能触发blur事件.
+在 IE 中，几乎所有类型的元素都可以触发 blur 事件，但在基于 gecko 的浏览器中，大部分元素都不能触发 blur 事件。
规范
-DOM Level 0不属于任何规范.
+DOM Level 0 不属于任何规范。
diff --git a/files/zh-cn/web/api/globaleventhandlers/oncancel/index.html b/files/zh-cn/web/api/globaleventhandlers/oncancel/index.html
index b2c434e1307ce6..819df0f3e6b37f 100644
--- a/files/zh-cn/web/api/globaleventhandlers/oncancel/index.html
+++ b/files/zh-cn/web/api/globaleventhandlers/oncancel/index.html
@@ -15,7 +15,7 @@
{{domxref("GlobalEventHandlers")}} 的oncancel 属性是一个{{event("Event_handlers", "event handler")}}，它是用来处理发送给{{HTMLElement("dialog")}}元素的{{event("cancel")}} 事件的。
-当用户需要离开一个<dialog>元素的时候就会触发 cancel 事件. 这个事件处理器会防止事件向上传递,因此任何父处理器都不会接受到该事件。
+当用户需要离开一个<dialog>元素的时候就会触发 cancel 事件。这个事件处理器会防止事件向上传递，因此任何父处理器都不会接受到该事件。
语法
@@ -24,9 +24,9 @@ 语法
参数
-functionRef 是一个函数名 或者 函数表达式. 这个函数接收一个 {{domxref("Event")}} 对象作为它唯一的参数.
+functionRef 是一个函数名 或者 函数表达式. 这个函数接收一个 {{domxref("Event")}} 对象作为它唯一的参数。
-每次只有一个 oncancel 处理器可以被赋值给一个对象. 你可能更喜欢用 {{domxref("EventTarget.addEventListener()")}} 方法, 因为它更灵活.
+每次只有一个 oncancel 处理器可以被赋值给一个对象。你可能更喜欢用 {{domxref("EventTarget.addEventListener()")}} 方法，因为它更灵活。
规范
diff --git a/files/zh-cn/web/api/globaleventhandlers/oncanplay/index.html b/files/zh-cn/web/api/globaleventhandlers/oncanplay/index.html
index 1e4216319562d2..71c9de66c4890d 100644
--- a/files/zh-cn/web/api/globaleventhandlers/oncanplay/index.html
+++ b/files/zh-cn/web/api/globaleventhandlers/oncanplay/index.html
@@ -7,7 +7,7 @@
{{domxref("GlobalEventHandlers")}}的oncanplay 属性是{{event("Event_handlers", "event handler")}} 处理 {{event("canplay")}} 事件。
-当用户代理能够播放媒体时canplay 事件被触发 , 但是预估没有加载全部的数据以支持媒体播放完毕。
+当用户代理能够播放媒体时 canplay 事件被触发 , 但是预估没有加载全部的数据以支持媒体播放完毕。
语法
diff --git a/files/zh-cn/web/api/globaleventhandlers/oncanplaythrough/index.html b/files/zh-cn/web/api/globaleventhandlers/oncanplaythrough/index.html
index e51567a9a9a614..0f3a9b7ff2bb34 100644
--- a/files/zh-cn/web/api/globaleventhandlers/oncanplaythrough/index.html
+++ b/files/zh-cn/web/api/globaleventhandlers/oncanplaythrough/index.html
@@ -5,7 +5,7 @@
---
{{ ApiRef("HTML DOM") }}
-全局事件处理器（{{domxref("GlobalEventHandlers")}} )之一的 {{event("canplaythrough")}} 属性，是处理当前元素{{event("canplaythrough")}} 事件的事件处理器{{event("Event_handlers", "event handler")}} .
+全局事件处理器（{{domxref("GlobalEventHandlers")}}）之一的 {{event("canplaythrough")}} 属性，是处理当前元素 {{event("canplaythrough")}} 事件的事件处理器。
当用户代理可以播放媒体资源并且可以播放至其结束而不必进一步缓冲内容时，触发canplaythrough事件。
diff --git a/files/zh-cn/web/api/globaleventhandlers/onchange/index.html b/files/zh-cn/web/api/globaleventhandlers/onchange/index.html
index 1688b1f3aee6b9..e5bc0e441472fd 100644
--- a/files/zh-cn/web/api/globaleventhandlers/onchange/index.html
+++ b/files/zh-cn/web/api/globaleventhandlers/onchange/index.html
@@ -7,7 +7,7 @@
概述
-onchange可以用来获取或设置当前元素的change事件的事件处理函数.
+onchange可以用来获取或设置当前元素的change事件的事件处理函数。
语法
@@ -16,7 +16,7 @@ 语法
备注
-下面的伪代码演示了,在Mozilla中,onchange事件是如何触发的:
+下面的伪代码演示了，在 Mozilla 中，onchange 事件是如何触发的：
control.onfocus = focus;
control.onblur = blur;
@@ -30,11 +30,11 @@ 备注
}
-因此,如果你在你的focus或blur事件的处理函数里修改一个控件的值的话,你可能遇到一些关于change事件意想不到的现象.另外, change事件是在blur事件发生之后才触发的. 这一点和IE不同.
+因此，如果你在你的 focus 或 blur 事件的处理函数里修改一个控件的值的话，你可能遇到一些关于 change 事件意想不到的现象。另外，change 事件是在 blur 事件发生之后才触发的。这一点和 IE 不同。
规范
-DOM Level 0不属于任何标准
+DOM Level 0 不属于任何标准
相关链接
diff --git a/files/zh-cn/web/api/globaleventhandlers/oncontextmenu/index.html b/files/zh-cn/web/api/globaleventhandlers/oncontextmenu/index.html
index 9b72a860eec3a5..179a7e59e8d47e 100644
--- a/files/zh-cn/web/api/globaleventhandlers/oncontextmenu/index.html
+++ b/files/zh-cn/web/api/globaleventhandlers/oncontextmenu/index.html
@@ -11,7 +11,7 @@
---
{{ ApiRef("HTML DOM") }}
-oncontextmenu 是用来设置或获取全局事件({{domxref("GlobalEventHandlers")}})中 上下文菜单事件({{event("contextmenu")}}) 的处理函数({{event("Event_handlers", "event handler")}})。
+oncontextmenu 是用来设置或获取全局事件 ({{domxref("GlobalEventHandlers")}}) 中 上下文菜单事件 ({{event("contextmenu")}}) 的处理函数 ({{event("Event_handlers", "event handler")}})。
当在窗口上单击鼠标右键时，通常会触发 contextmenu 事件。 除非阻止默认行为，否则浏览器上下文菜单将被激活。
@@ -25,14 +25,14 @@ 属性值
functionRef 是一个函数名 或者是一个 函数表达式。 该函数接收 {{domxref("Event")}} 作为唯一参数。
-一次只能将一个 oncontextmenu 处理函数分配给一个对象。 你可能更喜欢使用 {{domxref("EventTarget.addEventListener()")}} 作为替代,
+
一次只能将一个 oncontextmenu 处理函数分配给一个对象。 你可能更喜欢使用 {{domxref("EventTarget.addEventListener()")}} 作为替代，
因为这种方式更加灵活。
示例
禁用上下文菜单
-右键单击通常会显示上下文菜单，但以下片段中将演示如何阻止在浏览器窗口(window)中显示上下文菜单。
+右键单击通常会显示上下文菜单，但以下片段中将演示如何阻止在浏览器窗口 (window) 中显示上下文菜单。
HTML
@@ -136,7 +136,7 @@ 浏览器兼容性
{{Compat("api.GlobalEventHandlers.oncontextmenu")}}
- 除非阻止默认行为，否则右键单击将激活浏览器上下文菜单。但是, IE8 有一个 bug，如果定义了 contextmenu 处理函数，不会激活上下文菜单。
+ 除非阻止默认行为，否则右键单击将激活浏览器上下文菜单。但是，IE8 有一个 bug，如果定义了 contextmenu 处理函数，不会激活上下文菜单。
另请参见
diff --git a/files/zh-cn/web/api/globaleventhandlers/ondblclick/index.html b/files/zh-cn/web/api/globaleventhandlers/ondblclick/index.html
index bc87c5fcf273c7..dfb59150641ffc 100644
--- a/files/zh-cn/web/api/globaleventhandlers/ondblclick/index.html
+++ b/files/zh-cn/web/api/globaleventhandlers/ondblclick/index.html
@@ -7,7 +7,7 @@
概述
-ondblclick属性用来获取或设置当前元素的dblclick事件的事件处理函数.
+ondblclick属性用来获取或设置当前元素的dblclick事件的事件处理函数。
语法
@@ -15,10 +15,10 @@ 语法
function 是一个函数名,后面没有括号(),或者是一个匿名的函数表达式,比如function 是一个函数名，后面没有括号 (),或者是一个匿名的函数表达式，比如element.ondblclick = function() { alert("触发了dblclick事件!"); };
+element.ondblclick = function() { alert("触发了 dblclick 事件！"); };
例子
@@ -26,21 +26,21 @@ 例子
<html>
<head>
-<title>ondblclick示例演示</title>
+<title>ondblclick 示例演示</title>
<script type="text/javascript">
function initElement()
{
var p = document.getElementById("foo");
- // 注意:这里写成showAlert()或者 showAlert(参数)是不对的.
- // 必须是一个函数名,而不是函数调用.
+ // 注意：这里写成 showAlert() 或者 showAlert(参数) 是不对的。
+ // 必须是一个函数名，而不是函数调用。
p.ondblclick = showAlert;
};
function showAlert()
{
- alert("检测到dblclick事件!")
+ alert("检测到 dblclick 事件！")
}
</script>
@@ -55,15 +55,15 @@ 例子
<body onload="initElement()";>
<span id="foo">这是一个元素</span>
-<p>双击上面的元素会触发dblclick事件.</p>
+<p>双击上面的元素会触发 dblclick 事件.</p>
</body>
</html>
备注
-在当前元素上双击鼠标左键会触发dblclick事件.
+在当前元素上双击鼠标左键会触发dblclick事件。
规范
-不属于任何公开的规范.
+不属于任何公开的规范。
diff --git a/files/zh-cn/web/api/globaleventhandlers/ondrag/index.html b/files/zh-cn/web/api/globaleventhandlers/ondrag/index.html
index 1dda206be32f34..e11496c71771c4 100644
--- a/files/zh-cn/web/api/globaleventhandlers/ondrag/index.html
+++ b/files/zh-cn/web/api/globaleventhandlers/ondrag/index.html
@@ -16,12 +16,12 @@ 返回值
dragHandlertargetElement的drag事件handler。targetElement的drag事件 handler。这个例子展示了使用ondrag属性handler设置一个元素的drag事件handler。
+这个例子展示了使用ondrag属性 handler 设置一个元素的drag事件 handler。
<!DOCTYPE html> <html lang=en> diff --git a/files/zh-cn/web/api/globaleventhandlers/ondurationchange/index.html b/files/zh-cn/web/api/globaleventhandlers/ondurationchange/index.html index 4e178b07779bd7..753fe50eba3ed3 100644 --- a/files/zh-cn/web/api/globaleventhandlers/ondurationchange/index.html +++ b/files/zh-cn/web/api/globaleventhandlers/ondurationchange/index.html @@ -20,7 +20,7 @@-语法
var handlerFunction = element.ondurationchange;
handlerFunction可以为null也可以是一个处理该事件的JavaScript方法。
handlerFunction可以为null也可以是一个处理该事件的JavaScript 方法。
Error事件的事件处理程序，在各种目标对象的不同类型错误被触发：
error事件，并执行window.onerror()。error事件，并执行该元素上的onerror()处理函数。这些error事件不会向上冒泡到window，不过（至少在Firefox中）能被单一的{{domxref("window.addEventListener")}}捕获。error事件，并执行window.onerror()。error事件，并执行该元素上的onerror()处理函数。这些 error 事件不会向上冒泡到 window，不过（至少在 Firefox 中）能被单一的{{domxref("window.addEventListener")}}捕获。加载一个全局的error事件处理函数可用于自动收集错误报告。
函数参数：
message：错误信息（字符串）。可用于HTML onerror=""处理程序中的event。source：发生错误的脚本URL（字符串）message：错误信息（字符串）。可用于 HTML onerror=""处理程序中的event。source：发生错误的脚本 URL（字符串）lineno：发生错误的行号（数字）colno：发生错误的列号（数字）error：Error对象（对象）error：Error 对象（对象）若该函数返回true，则阻止执行默认事件处理函数。
当加载自不同域的脚本中发生语法错误时，为避免信息泄露（参见{{bug("363897")}}），语法错误的细节将不会报告，而代之简单的"Script error."。在某些浏览器中，通过在{{HTMLElement("script")}}使用{{htmlattrxref("crossorigin","script")}}属性并要求服务器发送适当的 CORS HTTP 响应头，该行为可被覆盖。一个变通方案是单独处理"Script error."，告知错误详情仅能通过浏览器控制台查看，无法通过JavaScript访问。
当加载自不同域的脚本中发生语法错误时，为避免信息泄露（参见{{bug("363897")}}），语法错误的细节将不会报告，而代之简单的"Script error."。在某些浏览器中，通过在{{HTMLElement("script")}}使用{{htmlattrxref("crossorigin","script")}}属性并要求服务器发送适当的 CORS HTTP 响应头，该行为可被覆盖。一个变通方案是单独处理"Script error."，告知错误详情仅能通过浏览器控制台查看，无法通过 JavaScript 访问。
window.onerror = function (msg, url, lineNo, columnNo, error) {
var string = msg.toLowerCase();
@@ -81,7 +81,7 @@ 注意事项
return false;
};
-当使用行内HTML标签（<body onerror="alert('an error occurred')">）时，HTML规范要求传递给onerror的参数命名为event、source、lineno、colno、error。针对不满足此要求的浏览器，传递的参数仍可使用arguments[0]到arguments[2]来获取。
当使用行内 HTML 标签（<body onerror="alert('an error occurred')">）时，HTML 规范要求传递给onerror的参数命名为event、source、lineno、colno、error。针对不满足此要求的浏览器，传递的参数仍可使用arguments[0]到arguments[2]来获取。
在Firefox 14之前，当{{HTMLElement("script")}}加载失败时，window.onerror被传入"Error loading script"信息。该bug已在{{bug("737087")}}修复，取而代之，在这种情况下，scriptElement.onerror将被触发。
在 Firefox 14 之前，当{{HTMLElement("script")}}加载失败时，window.onerror被传入"Error loading script"信息。该 bug 已在{{bug("737087")}}修复，取而代之，在这种情况下，scriptElement.onerror将被触发。
自Firefox 31始加入最后两个参数（colno and error），意味着通过提供的Error对象，你可以从window.onerror访问脚本错误的stack trace（{{bug("355430")}}。）
自 Firefox 31 始加入最后两个参数（colno and error），意味着通过提供的Error对象，你可以从window.onerror访问脚本错误的 stack trace（{{bug("355430")}}。）
onfocus 属性用来获取或设置当前元素的focus事件的事件处理函数.
onfocus 属性用来获取或设置当前元素的focus事件的事件处理函数。
当前元素获得键盘焦点时会触发focus事件.
当前元素获得键盘焦点时会触发focus事件。
在IE中,几乎所有类型的元素都会触发focus事件, 但在Gecko中,只有少数几种类型的元素会触发focus事件.
在 IE 中，几乎所有类型的元素都会触发focus事件，但在 Gecko 中，只有少数几种类型的元素会触发focus事件。
不属于任何公开的规范.
+不属于任何公开的规范。
diff --git a/files/zh-cn/web/api/globaleventhandlers/onformdata/index.html b/files/zh-cn/web/api/globaleventhandlers/onformdata/index.html index 08f7ec0d69f9fc..3e8c1c4d4beaa2 100644 --- a/files/zh-cn/web/api/globaleventhandlers/onformdata/index.html +++ b/files/zh-cn/web/api/globaleventhandlers/onformdata/index.html @@ -7,7 +7,7 @@ -{{domxref("GlobalEventHandlers")}} 混入对象(mixin)的属性onformdata 是用于处理 {{event("formdata")}} 事件的, 它在整个列表展示所构建的表单数据之后被触发。触发会发生在表单发送时，但也可能由对某个{{domxref("FormData.FormData", "FormData()")}} 结构体的调用所触发。onformdata 在 {{domxref("HTMLFormElement")}}上有效。
{{domxref("GlobalEventHandlers")}} 混入对象 (mixin) 的属性onformdata 是用于处理 {{event("formdata")}} 事件的，它在整个列表展示所构建的表单数据之后被触发。触发会发生在表单发送时，但也可能由对某个{{domxref("FormData.FormData", "FormData()")}} 结构体的调用所触发。onformdata 在 {{domxref("HTMLFormElement")}}上有效。
{{ApiRef("HTML DOM")}}
-ongotpointercapture 事件是GlobalEventHandlers的属性,这个事件返回gotpointercapture类型的事件操作。
ongotpointercapture 事件是 GlobalEventHandlers 的属性，这个事件返回 gotpointercapture 类型的事件操作。
{{domxref("GlobalEventHandlers")}}mixin的oninput属性是{{event("Event_handlers", "event handler")}}，它处理{{HTMLElement("input")}}，{{HTMLElement("select")}}和 {{HTMLElement("textarea")}} 元素上的 {{event("input")}} 事件。 它还会在{{domxref("HTMLElement.contentEditable", "contenteditable")}} 或 {{domxref("Document.designMode", "designMode")}}打开的元素上处理这些事件。
{{domxref("GlobalEventHandlers")}}mixin 的oninput属性是{{event("Event_handlers", "event handler")}}，它处理{{HTMLElement("input")}}，{{HTMLElement("select")}}和 {{HTMLElement("textarea")}} 元素上的 {{event("input")}} 事件。 它还会在{{domxref("HTMLElement.contentEditable", "contenteditable")}} 或 {{domxref("Document.designMode", "designMode")}}打开的元素上处理这些事件。
注意：与oninput不同的是， {{domxref("GlobalEventHandlers.onchange", "onchange")}} 事件处理程序不一定会针对元素值的每次更改而调用。
{{domxref("GlobalEventHandlers")}} 混合的oninvalid属性 是 {{event("Event_handlers", "event handler")}} 处理{{event("invalid")}} 事件。
invalid 事件被触发当一个从属元素被勾选checked 并且与之前的选中方式不同。 有效的从属元素在表单之前被选中, 或者在 checkValidity() 方法之后它自己的表单被调用。
invalid 事件被触发当一个从属元素被勾选 checked 并且与之前的选中方式不同。 有效的从属元素在表单之前被选中，或者在 checkValidity() 方法之后它自己的表单被调用。
onkeydown属性用来获取或设置当前元素的keydown事件的事件处理函数.
onkeydown属性用来获取或设置当前元素的keydown事件的事件处理函数。
当用户按下键盘上的按键时会触发keydown事件.
当用户按下键盘上的按键时会触发keydown事件。
不属于任何公开的规范.
+不属于任何公开的规范。
diff --git a/files/zh-cn/web/api/globaleventhandlers/onkeypress/index.html b/files/zh-cn/web/api/globaleventhandlers/onkeypress/index.html index 266091fc284744..7e310ac77a942a 100644 --- a/files/zh-cn/web/api/globaleventhandlers/onkeypress/index.html +++ b/files/zh-cn/web/api/globaleventhandlers/onkeypress/index.html @@ -10,7 +10,7 @@ ---onkeypress 属性用来获取或设置当前元素的keypress事件的事件处理函数.
+onkeypress 属性用来获取或设置当前元素的 keypress 事件的事件处理函数。
下例演示了 onkeypress 事件在一个文本输入框内的用法——将数字输入到表单时过滤输入的内容:
下例演示了 onkeypress 事件在一个文本输入框内的用法——将数字输入到表单时过滤输入的内容：
<!doctype html> <html> @@ -47,14 +47,14 @@-示例1： <body> <form name="myForm"> -<p>这个文本框只能输入数字(译者注:不用中文输入法的前提下): +<p>这个文本框只能输入数字 (译者注：不用中文输入法的前提下): <input type="text" name="myInput" onkeypress="return numbersOnly(this, event);" onpaste="return false;" /></p> </form> </body> </html>
以下示例将在用户在页面的任何位置键入单词“exit”后执行某些操作。
diff --git a/files/zh-cn/web/api/globaleventhandlers/onkeyup/index.html b/files/zh-cn/web/api/globaleventhandlers/onkeyup/index.html index ab55972763d96d..af0dcb3c07d290 100644 --- a/files/zh-cn/web/api/globaleventhandlers/onkeyup/index.html +++ b/files/zh-cn/web/api/globaleventhandlers/onkeyup/index.html @@ -7,7 +7,7 @@onkeyup属性用来获取或设置当前元素的keyup事件的事件处理函数.
onkeyup属性用来获取或设置当前元素的keyup事件的事件处理函数。
在当前元素上释放键盘按键时会触发keyup事件.
在当前元素上释放键盘按键时会触发keyup 事件。
不属于任何公开的规范.
+不属于任何公开的规范。
diff --git a/files/zh-cn/web/api/globaleventhandlers/onload/index.html b/files/zh-cn/web/api/globaleventhandlers/onload/index.html index a9780cb7435978..4708b38db2ccb5 100644 --- a/files/zh-cn/web/api/globaleventhandlers/onload/index.html +++ b/files/zh-cn/web/api/globaleventhandlers/onload/index.html @@ -60,9 +60,9 @@在文档装载完成后会触发 load 事件。此时，在文档中的所有对象都在DOM中，所有图片，脚本，链接以及子框都完成了装载。
在文档装载完成后会触发 load 事件。此时，在文档中的所有对象都在 DOM 中，所有图片，脚本，链接以及子框都完成了装载。
同时也会有 Gecko-指定 DOM事件，如 DOMContentLoaded 和 DOMFrameContentLoaded (它们可以使用 {{ domxref("EventTarget.addEventListener()") }} 来处理 ) ， 这些事件在页面DOM构建起来后就会触发，而不会等到其他的资源都装载完成。
同时也会有 Gecko-指定 DOM 事件，如 DOMContentLoaded 和 DOMFrameContentLoaded (它们可以使用 {{ domxref("EventTarget.addEventListener()") }} 来处理 ) ， 这些事件在页面 DOM 构建起来后就会触发，而不会等到其他的资源都装载完成。
监听事件：简单的DOM事件中的 DOMContentLoaded 事件 监听事件：简单的 DOM 事件中的 DOMContentLoaded 事件 DOMContentLoaded event in Listening to events: Simple DOM events{{domxref("GlobalEventHandlers")}} mixin的onloadedmetadata属性是处理{{event("loadedmetadata")}}事件的{{event("Event_handlers", "event handler")}}。
{{domxref("GlobalEventHandlers")}} mixin 的onloadedmetadata属性是处理{{event("loadedmetadata")}}事件的{{event("Event_handlers", "event handler")}}。
loadedmetadata事件在元数据（metadata）被加载完成后触发。
handlerFunction应当是null或是由JavaScript函数声明的事件handler。
handlerFunction应当是null或是由JavaScript 函数声明的事件 handler。
funcRef是在事件源的loadend事件触发时要调用的处理函数。
funcRef 是在事件源的 loadend 事件触发时要调用的处理函数。
onmousedown属性用来获取或设置当前元素的mousedown事件的事件处理函数.
onmousedown属性用来获取或设置当前元素的mousedown事件的事件处理函数。
在当前元素上鼠标按下瞬间会触发mousedown事件.
在当前元素上鼠标按下瞬间会触发 mousedown 事件。
不属于任何公开的规范.
+不属于任何公开的规范。
diff --git a/files/zh-cn/web/api/globaleventhandlers/onmouseenter/index.html b/files/zh-cn/web/api/globaleventhandlers/onmouseenter/index.html index 8962278b5ac9f9..9ce8d9c62a969d 100644 --- a/files/zh-cn/web/api/globaleventhandlers/onmouseenter/index.html +++ b/files/zh-cn/web/api/globaleventhandlers/onmouseenter/index.html @@ -5,7 +5,7 @@ ---onmouseenter 属性绑定 {{event("Event_handlers", "event handler")}} 后来处理{{event("mouseenter")}} 事件.onmouseenter 属性绑定 {{event("Event_handlers", "event handler")}} 后来处理{{event("mouseenter")}} 事件。{{domxref("GlobalEventHandlers")}} mixin 中的 onmouseleave 属性是用于处理鼠标移出（{{event("mouseleave")}}）事件的事件管理器（{{event("Event_handlers", "event handler")}}）。
mouseleave事件在定点设备(通常来说指的是鼠标) 移出某个元素时触发。
mouseleave事件在定点设备 (通常来说指的是鼠标) 移出某个元素时触发。
onmousemove属性用来获取或设置当前元素的mousemove事件的事件处理函数.
onmousemove属性用来获取或设置当前元素的mousemove事件的事件处理函数。
当用户在当前元素上移动鼠标时会触发mousemove事件.
当用户在当前元素上移动鼠标时会触发mousemove事件。
下面的例子演示了在显示"提示层"时onmousemove的用法.
下面的例子演示了在显示"提示层"时 onmousemove 的用法。
<!doctype html> <html> @@ -73,13 +73,13 @@-例子
</head> <body onload="oTooltip.init();"> -<p><a href="http://developer.mozilla.org/" onmouseover="oTooltip.append(event,'提示文字1');" onmousemove="oTooltip.follow(event);" onmouseout="oTooltip.remove();">将你的鼠标移动到这里…</a></p> -<p><a href="http://developer.mozilla.org/" onmouseover="oTooltip.append(event,'提示文字2');" onmousemove="oTooltip.follow(event);" onmouseout="oTooltip.remove();">…或者这里!!</a></p> +<p><a href="http://developer.mozilla.org/" onmouseover="oTooltip.append(event,'提示文字 1');" onmousemove="oTooltip.follow(event);" onmouseout="oTooltip.remove();">将你的鼠标移动到这里…</a></p> +<p><a href="http://developer.mozilla.org/" onmouseover="oTooltip.append(event,'提示文字 2');" onmousemove="oTooltip.follow(event);" onmouseout="oTooltip.remove();">…或者这里！!</a></p> </body> </html>
下面的例子演示了在进行拖拽操作时onmousemove的用法.
下面的例子演示了在进行拖拽操作时onmousemove 的用法。
<!doctype html> <html> @@ -153,4 +153,4 @@例子
规范
-不属于任何公开的规范.
+不属于任何公开的规范。
diff --git a/files/zh-cn/web/api/globaleventhandlers/onmouseout/index.html b/files/zh-cn/web/api/globaleventhandlers/onmouseout/index.html index 3273226515b0fc..b3feee0a663af3 100644 --- a/files/zh-cn/web/api/globaleventhandlers/onmouseout/index.html +++ b/files/zh-cn/web/api/globaleventhandlers/onmouseout/index.html @@ -7,7 +7,7 @@概述
-onmouseout属性用来获取或设置当前元素的mouseout事件的事件处理函数.
+onmouseout属性用来获取或设置当前元素的 mouseout 事件的事件处理函数。
语法
@@ -50,7 +50,7 @@例子
</style> </head> <body onload="initElement()";> - <span id="foo">移动鼠标,在该元素上移进移出</span> + <span id="foo">移动鼠标，在该元素上移进移出</span> <div id="notice"></div> </body> </html> @@ -58,8 +58,8 @@例子
备注
-当鼠标离开一个元素时,会在这个元素上触发mouseout事件.
+当鼠标离开一个元素时，会在这个元素上触发 mouseout 事件。
规范
-DOM Level 0 不属于任何规范.
+DOM Level 0 不属于任何规范。
diff --git a/files/zh-cn/web/api/globaleventhandlers/onmouseover/index.html b/files/zh-cn/web/api/globaleventhandlers/onmouseover/index.html index 020b051e8fe16d..cf6e07184a1b24 100644 --- a/files/zh-cn/web/api/globaleventhandlers/onmouseover/index.html +++ b/files/zh-cn/web/api/globaleventhandlers/onmouseover/index.html @@ -7,7 +7,7 @@概述
-onmouseover属性用来获取或设置当前元素的mouseover事件的事件处理函数.
+onmouseover属性用来获取或设置当前元素的 mouseover 事件的事件处理函数。
语法
@@ -50,15 +50,15 @@例子
</style> </head> <body onload="initElement()";> - <span id="foo">移动鼠标,在该元素上移进移出</span> + <span id="foo">移动鼠标，在该元素上移进移出</span> <div id="notice"></div> </body> </html>
当鼠标移动到一个元素上时,会在这个元素上触发mouseover事件.
+当鼠标移动到一个元素上时，会在这个元素上触发 mouseover 事件。
DOM Level 0 不属于任何规范.
+DOM Level 0 不属于任何规范。
diff --git a/files/zh-cn/web/api/globaleventhandlers/onmouseup/index.html b/files/zh-cn/web/api/globaleventhandlers/onmouseup/index.html index cf668ec5dda0f2..a94ddcbbcaa83e 100644 --- a/files/zh-cn/web/api/globaleventhandlers/onmouseup/index.html +++ b/files/zh-cn/web/api/globaleventhandlers/onmouseup/index.html @@ -7,7 +7,7 @@onmouseup属性用来获取或设置当前元素的mouseup事件的事件处理函数.
onmouseup属性用来获取或设置当前元素的mouseup事件的事件处理函数。
当用户在当前元素上放开鼠标某个按键时会触发mouseup事件.
当用户在当前元素上放开鼠标某个按键时会触发mouseup事件。
不属于任何公开的规范.
+不属于任何公开的规范。
diff --git a/files/zh-cn/web/api/globaleventhandlers/onpause/index.html b/files/zh-cn/web/api/globaleventhandlers/onpause/index.html index 23bbb9285de787..7cacf5d28adfd3 100644 --- a/files/zh-cn/web/api/globaleventhandlers/onpause/index.html +++ b/files/zh-cn/web/api/globaleventhandlers/onpause/index.html @@ -5,7 +5,7 @@ ---onpause可以用来获取或设置当前元素的onpause事件的事件处理函数。当媒体播放被暂停时，将触发pause事件。
onpause可以用来获取或设置当前元素的onpause事件的事件处理函数。当媒体播放被暂停时，将触发 pause 事件。
handlerFunction应该是null或指定事件的JavaScript函数。
+handlerFunction 应该是 null 或指定事件的 JavaScript 函数。
downHandler当前示例展示两种方式使用 onpointerdown 去设置元素的pointerdown事件处理程序.
+当前示例展示两种方式使用 onpointerdown 去设置元素的 pointerdown 事件处理程序。
<html> <script> diff --git a/files/zh-cn/web/api/globaleventhandlers/onpointerenter/index.html b/files/zh-cn/web/api/globaleventhandlers/onpointerenter/index.html index 7f0422197b33a2..ffb6a44a390c81 100644 --- a/files/zh-cn/web/api/globaleventhandlers/onpointerenter/index.html +++ b/files/zh-cn/web/api/globaleventhandlers/onpointerenter/index.html @@ -5,7 +5,7 @@ ---HTML DOM-pointerenter事件的GlobalEventHandlers（全局事件处理函数）+pointerenter 事件的 GlobalEventHandlers（全局事件处理函数）@@ -18,16 +18,16 @@
返回值
enterHandler targetElement的pointerenter事件处理函数。
targetElement的 pointerenter 事件处理函数。
这个例子展示了使用onpointerenter来设置元素pointerenter事件处理函数的两种方式。
+这个例子展示了使用 onpointerenter 来设置元素 pointerenter 事件处理函数的两种方式。
<html>
<script>
function enterHandler(ev) {
- // 处理pointerenter 事件
+ // 处理 pointerenter 事件
}
function init() {
var el=document.getElementById("target1");
@@ -80,10 +80,10 @@ 浏览器兼容性
基本支持
- CompatChrome("35")支持[1]
- GeckoDesktop(59)支持
- 支持需-ms前缀
- 11支持
+ CompatChrome("35") 支持[1]
+ GeckoDesktop(59) 支持
+ 支持需-ms 前缀
+ 11 支持
支持程度未知
不支持
@@ -106,9 +106,9 @@ 浏览器兼容性
基本支持
支持程度未知
- Chrome("35")支持[1]
- GeckoMobile("29")支持[2]
- 10支持需-ms前缀
+ Chrome("35") 支持[1]
+ GeckoMobile("29") 支持[2]
+ 10 支持需-ms 前缀
支持程度未知
不支持
@@ -118,7 +118,7 @@ 浏览器兼容性
[1] 这是在bug 248918中实现。
-[2] 依赖于dom.w3c_pointer_events.enabled属性, 默认值为 false。
+[2] 依赖于dom.w3c_pointer_events.enabled属性，默认值为 false。
相关链接
diff --git a/files/zh-cn/web/api/globaleventhandlers/onpointermove/index.html b/files/zh-cn/web/api/globaleventhandlers/onpointermove/index.html
index e83000b77410dc..cac2e2303d8f8c 100644
--- a/files/zh-cn/web/api/globaleventhandlers/onpointermove/index.html
+++ b/files/zh-cn/web/api/globaleventhandlers/onpointermove/index.html
@@ -12,7 +12,7 @@
---
{{ApiRef("HTML DOM")}}
-一个{{domxref("GlobalEventHandlers","global event handler")}}(全局事件) {{event("pointermove")}} 事件.
+一个{{domxref("GlobalEventHandlers","global event handler")}}(全局事件) {{event("pointermove")}} 事件。
语法
@@ -23,12 +23,12 @@ 返回值
moveHandlertargetElement 元素的pointermove事件处理函数.targetElement 元素的 pointermove 事件处理函数。下面展示了两种设置元素pointermove事件处理函数的方法.
+下面展示了两种设置元素 pointermove 事件处理函数的方法。
<html> <script> diff --git a/files/zh-cn/web/api/globaleventhandlers/onpointerout/index.html b/files/zh-cn/web/api/globaleventhandlers/onpointerout/index.html index 8eeea33ae132d1..c2ebd101edba4a 100644 --- a/files/zh-cn/web/api/globaleventhandlers/onpointerout/index.html +++ b/files/zh-cn/web/api/globaleventhandlers/onpointerout/index.html @@ -21,7 +21,7 @@返回值
例子
-这个例子展示了两种方式来使用onpointerout设置元素的pointerout事件处理程序。
+这个例子展示了两种方式来使用 onpointerout 设置元素的 pointerout 事件处理程序。
<html> <script> diff --git a/files/zh-cn/web/api/globaleventhandlers/onpointerup/index.html b/files/zh-cn/web/api/globaleventhandlers/onpointerup/index.html index 2bb0fcf023470d..e98a2c66ccc989 100644 --- a/files/zh-cn/web/api/globaleventhandlers/onpointerup/index.html +++ b/files/zh-cn/web/api/globaleventhandlers/onpointerup/index.html @@ -5,7 +5,7 @@ ---{{ApiRef("HTML DOM")}}-+
pointerup是一个全局的事件处理函数.
pointerup是一个全局的事件处理函数。语法
@@ -16,17 +16,17 @@返回值
upHandlertargetElement 元素的pointerup事件处理函数.targetElement 元素的pointerup事件处理函数。如下是两种设置元素pointerup事件处理函数的方法.
如下是两种设置元素pointerup事件处理函数的方法。
<html>
<script>
function upHandler(ev) {
- // 这里添加元素的pointup事件处理函数
+ // 这里添加元素的 pointup 事件处理函数
}
function init() {
var el=document.getElementById("target1");
diff --git a/files/zh-cn/web/api/globaleventhandlers/onreset/index.html b/files/zh-cn/web/api/globaleventhandlers/onreset/index.html
index e0e189dc690ee4..6af8b37bb40634 100644
--- a/files/zh-cn/web/api/globaleventhandlers/onreset/index.html
+++ b/files/zh-cn/web/api/globaleventhandlers/onreset/index.html
@@ -15,7 +15,7 @@ 语法
参数
funcRef 是一个函数的引用.funcRef 是一个函数的引用。reset 事件只有在用户点击表单中的reset按钮时才会被触发 (<input type="reset"/>).
reset 事件只有在用户点击表单中的 reset 按钮时才会被触发 (<input type="reset"/>).
onresize属性可以用来获取或设置当前窗口的resize事件的事件处理函数
onresize属性可以用来获取或设置当前窗口的 resize 事件的事件处理函数
<html> <head> -<title>onresize测试</title> +<title>onresize 测试</title> <script type="text/javascript"> @@ -36,20 +36,20 @@例子
function resize() { - alert("检测到resize事件!"); + alert("检测到 resize 事件！"); } </script> </head> <body> -<p>改变浏览器窗口的大小来触发resize事件.</p> +<p>改变浏览器窗口的大小来触发 resize 事件.</p> </body> </html>
在窗口大小改变之后,就会触发resize事件.
+在窗口大小改变之后，就会触发 resize 事件。
functionReference 是一个函数的引用。当该元素滚动时，会执行该函数。
注意：不要将onscroll 与 {{domxref("GlobalEventHandlers.onwheel", "onwheel")}}混淆。onwheel是鼠标滚轮旋转, 而onscroll 处理的是对象内部内容区的滚动事件。
+备注：不要将 onscroll 与 {{domxref("GlobalEventHandlers.onwheel", "onwheel")}}混淆。onwheel 是鼠标滚轮旋转， 而 onscroll 处理的是对象内部内容区的滚动事件。
diff --git a/files/zh-cn/web/api/globaleventhandlers/onselect/index.html b/files/zh-cn/web/api/globaleventhandlers/onselect/index.html index 03eac793bf96ff..53132670d5ce85 100644 --- a/files/zh-cn/web/api/globaleventhandlers/onselect/index.html +++ b/files/zh-cn/web/api/globaleventhandlers/onselect/index.html @@ -7,7 +7,7 @@
onselect用来获取或设置当前窗口的select事件的事件处理函数
+onselect用来获取或设置当前窗口的 select 事件的事件处理函数
funcRef是个函数引用.funcRef 是个函数引用。只有在文本框和文本域内选择文本才会触发select事件.
+只有在文本框和文本域内选择文本才会触发 select 事件。
不属于任何公开规范.
+不属于任何公开规范。
diff --git a/files/zh-cn/web/api/globaleventhandlers/ontouchcancel/index.html b/files/zh-cn/web/api/globaleventhandlers/ontouchcancel/index.html index 1f7c8a93e86ff9..2f836703e3c28d 100644 --- a/files/zh-cn/web/api/globaleventhandlers/ontouchcancel/index.html +++ b/files/zh-cn/web/api/globaleventhandlers/ontouchcancel/index.html @@ -22,7 +22,7 @@cancelHandler元素someElement上的touchcancel事件句柄。someElement 上的touchcancel事件句柄。{{SeeCompatTable}}
Note: 这个属性没有正式标准化。它在 {{SpecName('Touch Events 2')}} {{Spec2('Touch Events 2')}} 规范中提出，而不在 {{SpecName('Touch Events')}} {{Spec2('Touch Events')}} 中. 这个属性没有被广泛地实现.
+备注：这个属性没有正式标准化。它在 {{SpecName('Touch Events 2')}} {{Spec2('Touch Events 2')}} 规范中提出，而不在 {{SpecName('Touch Events')}} {{Spec2('Touch Events')}} 中。这个属性没有被广泛地实现。
{{SeeCompatTable}}
备注: 这个属性尚未正式标准化。它被定义在{{SpecName('Touch Events 2')}} {{Spec2('Touch Events 2')}} 规格中，但并没有被定义在 {{SpecName('Touch Events')}} {{Spec2('Touch Events')}}中。这个属性尚未被完成实现。
+备注： 这个属性尚未正式标准化。它被定义在{{SpecName('Touch Events 2')}} {{Spec2('Touch Events 2')}} 规格中，但并没有被定义在 {{SpecName('Touch Events')}} {{Spec2('Touch Events')}}中。这个属性尚未被完成实现。
startHandlersomeElement的touchstart事件处理函数.someElement 的 touchstart 事件处理函数。这个例子展示了使用ontouchstart属性的两种方法。
+这个例子展示了使用 ontouchstart 属性的两种方法。
<html> <script> diff --git a/files/zh-cn/web/api/globaleventhandlers/ontransitioncancel/index.html b/files/zh-cn/web/api/globaleventhandlers/ontransitioncancel/index.html index 9a9c37276ae232..dcbed5ff69f66a 100644 --- a/files/zh-cn/web/api/globaleventhandlers/ontransitioncancel/index.html +++ b/files/zh-cn/web/api/globaleventhandlers/ontransitioncancel/index.html @@ -8,12 +8,12 @@{{domxref("GlobalEventHandlers")}}混合 的
ontransitioncancel属性 是处理 {{event("transitioncancel")}} 事件的手柄{{event("Event_handlers", "event handler")}}.--domxref("GlobalEventHandlers") 与 event("Event_handlers", "event handler")： dom修订版本的事件手柄。
+domxref("GlobalEventHandlers") 与 event("Event_handlers", "event handler")： dom 修订版本的事件手柄。
-event("transitioncancel")：transitioncancel事件
+event("transitioncancel")：transitioncancel 事件
当CSS转换被取消时，transitioncancel事件被触发。当以下情况时，过渡被取消::
+当 CSS 转换被取消时，transitioncancel 事件被触发。当以下情况时，过渡被取消::
A {{jsxref("Function")}} to be called when a {{event("transitioncancel")}} event occurs indicating that a CSS transition has been cancelled on the target, where the target object is an HTML element ({{domxref("HTMLElement")}}), document ({{domxref("Document")}}), or window ({{domxref("Window")}}). The function receives as input a single parameter: a {{domxref("TransitionEvent")}} object describing the event which occurred; the event's {{domxref("TransitionEvent.elapsedTime")}} property's value should be the same as the value of {{cssxref("transition-duration")}}.
Note: elapsedTime不包括过渡效果开始之前的时间;这意味着{{cssxref("transition-delay")}}的值不会影响elapsedTime的值，elapsedTime在延迟周期结束和动画开始之前都是0。
+Note: elapsedTime 不包括过渡效果开始之前的时间;这意味着{{cssxref("transition-delay")}}的值不会影响 elapsedTime 的值，elapsedTime 在延迟周期结束和动画开始之前都是 0。
在本例中，我们使用{{event("transitionrun")}}和{{event("transitionend")}}事件来检测转换何时开始和结束，从而导致在转换期间发生文本更新。这也可以用来触发动画或其他效果，以允许连锁反应。
-除此之外, 我们也使用 {{event("click")}} 事件使盒子消失 (display: none;), 显示如何触发 {{event("transitioncancel")}} 事件.
除此之外，我们也使用 {{event("click")}} 事件使盒子消失 (display: none;), 显示如何触发 {{event("transitioncancel")}} 事件。
这只是简单地创建了一个{{HTMLElement("div")}}，我们将在下面用CSS样式使其成为一个框，调整大小和改变颜色等。
+这只是简单地创建了一个{{HTMLElement("div")}}，我们将在下面用 CSS 样式使其成为一个框，调整大小和改变颜色等。
<div class="box"></div>
下面的CSS样式框和应用一个过渡效果，使框的颜色和大小改变，并导致框旋转，而鼠标光标在它上面。
+下面的 CSS 样式框和应用一个过渡效果，使框的颜色和大小改变，并导致框旋转，而鼠标光标在它上面。
.box {
margin-left: 70px;
@@ -81,7 +81,7 @@ CSS content
JavaScript content
-然后, 我们需要建立事件处理程序，以便在转换开始和结束时更改框的文本内容。
+然后，我们需要建立事件处理程序，以便在转换开始和结束时更改框的文本内容。
let box = document.querySelector(".box");
box.ontransitionrun = function(event) {