Skip to content

Commit

Permalink
AutoCorrect files/zh-cn/web/api/mouseevent/ (#5913)
Browse files Browse the repository at this point in the history
* AutoCorrect files/zh-cn/web/api/mouseevent/

* Apply suggestions from code review

Co-authored-by: A1lo <[email protected]>
  • Loading branch information
huacnlee and yin1999 authored Jun 2, 2022
1 parent cbdb21e commit fdda9a7
Show file tree
Hide file tree
Showing 11 changed files with 40 additions and 40 deletions.
4 changes: 2 additions & 2 deletions files/zh-cn/web/api/mouseevent/altkey/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,15 @@
title: MouseEvent.altKey
slug: Web/API/MouseEvent/altKey
tags:
- DOM事件
- DOM 事件
- altKey
- 只读属性
- 鼠标事件
translation_of: Web/API/MouseEvent/altKey
---
<p id="Summary">{{APIRef("DOM Events")}}</p>

<p><strong><code>MouseEvent.altKey</code></strong> 只读属性是一个{{jsxref("Boolean")}}变量。当事件触发时,如果<kbd>alt</kbd> 被按下,则返回 true,否则返回false</p>
<p><strong><code>MouseEvent.altKey</code></strong> 只读属性是一个{{jsxref("Boolean")}}变量。当事件触发时,如果<kbd>alt</kbd> 被按下,则返回 true,否则返回 false</p>

<h2 id="语法">语法</h2>

Expand Down
6 changes: 3 additions & 3 deletions files/zh-cn/web/api/mouseevent/button/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,10 @@

<p>这个属性只能够表明在触发事件的单个或多个按键按下或释放过程中哪些按键被按下了。因此,它对判断{{event("mouseenter")}}, {{event("mouseleave")}}, {{event("mouseover")}}, {{event("mouseout")}} {{event("mousemove")}}这些事件并不可靠。</p>

<p>用户可能会改变鼠标按键的配置,因此当一个事件的<strong><code>MouseEvent.button</code></strong>值为0时,它可能不是由物理上设备最左边的按键触发的。但是对于一个标准按键布局的鼠标来说就会是左键。</p>
<p>用户可能会改变鼠标按键的配置,因此当一个事件的<strong><code>MouseEvent.button</code></strong>值为 0 时,它可能不是由物理上设备最左边的按键触发的。但是对于一个标准按键布局的鼠标来说就会是左键。</p>

<div class="note">
<p><strong>注意:</strong>{{domxref("MouseEvent.buttons")}} 属性可指示任意鼠标事件中鼠标的按键情况,因此不要把它和MouseEvent.button属性弄混淆了</p>
<p><strong>注意:</strong>{{domxref("MouseEvent.buttons")}} 属性可指示任意鼠标事件中鼠标的按键情况,因此不要把它和 MouseEvent.button 属性弄混淆了</p>
</div>

<h2 id="语法">语法</h2>
Expand All @@ -26,7 +26,7 @@ <h3 id="返回值">返回值</h3>

<ul>
<li>
<p><code>0</code>:主按键,通常指鼠标左键或默认值(译者注:如document.getElementById('a').click()这样触发就会是默认值)</p>
<p><code>0</code>:主按键,通常指鼠标左键或默认值(译者注:如 document.getElementById('a').click() 这样触发就会是默认值)</p>
</li>
<li><code>1</code>:辅助按键,通常指鼠标滚轮中键</li>
<li><code>2</code>:次按键,通常指鼠标右键</li>
Expand Down
2 changes: 1 addition & 1 deletion files/zh-cn/web/api/mouseevent/buttons/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ <h2 id="语法">语法</h2>

<h2 id="返回值">返回值</h2>

<p>一个数字,用来标识鼠标按下的一个或者多个按键。如果按下的键为多个,则值等于所有按键对应数值进行或(|)运算的结果。</p>
<p>一个数字,用来标识鼠标按下的一个或者多个按键。如果按下的键为多个,则值等于所有按键对应数值进行或 (|) 运算的结果。</p>

<ul>
<li><code></code> : 没有按键或者是没有初始化</li>
Expand Down
2 changes: 1 addition & 1 deletion files/zh-cn/web/api/mouseevent/clientx/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ <h2 id="语法">语法</h2>

<h3 id="返回值"><code>返回值</code></h3>

<p>被 CSSOM View Module 重新定义为一个 <code>double</code> 类型的浮点值. 原来这个属性是被定义为一个 <code>long</code> 整数. 可以在 "浏览器兼容性" 那里查看详细内容.</p>
<p>被 CSSOM View Module 重新定义为一个 <code>double</code> 类型的浮点值原来这个属性是被定义为一个 <code>long</code> 整数可以在 "浏览器兼容性" 那里查看详细内容</p>

<h2 id="Example" name="Example">示例</h2>

Expand Down
2 changes: 1 addition & 1 deletion files/zh-cn/web/api/mouseevent/clienty/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ <h2 id="语法">语法</h2>

<h3 id="Return_value">Return value</h3>

<p>被 CSSOM View Module 重新定义为一个 <code>double</code> 类型的浮点值. 原来这个属性是被定义为一个 <code>long</code> 整数. 可以在 "浏览器兼容性" 那里查看详细内容.</p>
<p>被 CSSOM View Module 重新定义为一个 <code>double</code> 类型的浮点值原来这个属性是被定义为一个 <code>long</code> 整数可以在 "浏览器兼容性" 那里查看详细内容</p>

<h3 id="Example" name="Example">Example</h3>

Expand Down
2 changes: 1 addition & 1 deletion files/zh-cn/web/api/mouseevent/ctrlkey/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
---
<p>{{APIRef("DOM Events")}}</p>

<p><code>鼠标事件<strong>ctrlKey是只读属性,可返回一个布尔值,当ctrl键被按下,返回true,否则返回false</strong></code></p>
<p><strong><code>MouseEvent.ctrlKey</code></strong> 是只读属性,可返回一个布尔值,当 ctrl 键被按下,返回 true,否则返回 false。</p>

<h2 id="语法">语法</h2>

Expand Down
36 changes: 18 additions & 18 deletions files/zh-cn/web/api/mouseevent/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
---
<p id="Summary">{{APIRef("DOM Events")}}</p>

<p><strong><code>MouseEvent</code> </strong>接口指用户与指针设备( 如鼠标 )交互时发生的事件。使用此接口的常见事件包括:{{event("click")}}{{event("dblclick")}}{{event("mouseup")}}{{event("mousedown")}}。</p>
<p><strong><code>MouseEvent</code></strong> 接口指用户与指针设备(如鼠标交互时发生的事件。使用此接口的常见事件包括:{{event("click")}}{{event("dblclick")}}{{event("mouseup")}}{{event("mousedown")}}。</p>

<p><code>MouseEvent</code> 派生自 {{domxref("UIEvent")}},{{domxref("UIEvent")}} 派生自 {{domxref("Event")}}。虽然 <code>MouseEvent.initMouseEvent() </code>方法保持向后兼容性,但是应该使用 <code>MouseEvent()</code> 构造函数创建一个 <code>MouseEvent</code> 对象。</p>

Expand All @@ -17,64 +17,64 @@ <h2 id="构造函数">构造函数</h2>

<dl>
<dt>{{domxref("MouseEvent.MouseEvent", "MouseEvent()")}}</dt>
<dd>生成一个新的MouseEvent对象</dd>
<dd>生成一个新的 MouseEvent 对象</dd>
</dl>

<h2 id="属性">属性</h2>

<p><em>这个接口也继承了{{domxref("UIEvent")}} 和 {{domxref("Event")}}原型上的方法,</em></p>
<p><em>这个接口也继承了{{domxref("UIEvent")}} 和 {{domxref("Event")}}原型上的方法</em></p>

<dl>
<dt>{{domxref("MouseEvent.altKey")}} {{readonlyinline}}</dt>
<dd>当鼠标事件触发的时,如果<kbd>alt</kbd> 键被按下,返回true;</dd>
<dd>当鼠标事件触发的时,如果<kbd>alt</kbd> 键被按下,返回 true;</dd>
<dt>{{domxref("MouseEvent.button")}} {{readonlyinline}}</dt>
<dd>当鼠标事件触发的时,如果鼠标按钮被按下(如果有的话),将会返回一个数值。</dd>
<dt>{{domxref("MouseEvent.buttons")}} {{readonlyinline}}</dt>
<dd>
<p>当鼠标事件触发的时,如果多个鼠标按钮被按下(如果有的话),将会返回一个或者多个代表鼠标按钮的数字。</p>
</dd>
<dt>{{domxref("MouseEvent.clientX")}} {{readonlyinline}}</dt>
<dd>鼠标指针在点击元素(DOM)中的X坐标</dd>
<dd>鼠标指针在点击元素(DOM)中的 X 坐标</dd>
<dt>{{domxref("MouseEvent.clientY")}} {{readonlyinline}}</dt>
<dd>鼠标指针在点击元素(DOM)中的Y坐标</dd>
<dd>鼠标指针在点击元素(DOM)中的 Y 坐标</dd>
<dt>{{domxref("MouseEvent.ctrlKey")}} {{readonlyinline}}</dt>
<dd>当鼠标事件触发时,如果 <kbd>control</kbd> 键被按下,则返回 true;</dd>
<dt>{{domxref("MouseEvent.metaKey")}} {{readonlyinline}}</dt>
<dd>当鼠标事件触发时,如果 <kbd>meta</kbd>键被按下,则返回 true;</dd>
<dt>{{domxref("MouseEvent.movementX")}} {{readonlyinline}}</dt>
<dd>鼠标指针相对于最后{{event("mousemove")}}事件位置的X坐标</dd>
<dd>鼠标指针相对于最后{{event("mousemove")}}事件位置的 X 坐标</dd>
<dt>{{domxref("MouseEvent.movementY")}} {{readonlyinline}}</dt>
<dd>鼠标指针相对于最后{{event("mousemove")}}事件位置的Y坐标</dd>
<dd>鼠标指针相对于最后{{event("mousemove")}}事件位置的 Y 坐标</dd>
</dl>

<dl>
<dt>{{domxref("MouseEvent.offsetX")}} {{readonlyinline}}{{experimental_inline}}</dt>
<dd>鼠标指针相对于目标节点内边位置的X坐标</dd>
<dd>鼠标指针相对于目标节点内边位置的 X 坐标</dd>
<dt>{{domxref("MouseEvent.offsetY")}} {{readonlyinline}}{{experimental_inline}}</dt>
<dd>鼠标指针相对于目标节点内边位置的Y坐标</dd>
<dd>鼠标指针相对于目标节点内边位置的 Y 坐标</dd>
<dt>{{domxref("MouseEvent.pageX")}} {{readonlyinline}}{{experimental_inline}}</dt>
<dd>鼠标指针相对于整个文档的X坐标</dd>
<dd>鼠标指针相对于整个文档的 X 坐标</dd>
<dt>{{domxref("MouseEvent.pageY")}} {{readonlyinline}}{{experimental_inline}}</dt>
<dd>鼠标指针相对于整个文档的Y坐标</dd>
<dd>鼠标指针相对于整个文档的 Y 坐标</dd>
</dl>

<dl>
<dt>{{domxref("MouseEvent.region")}} {{readonlyinline}}</dt>
<dd>返回被点击事件影响的点击区域的id,如果没有区域被影响则返回null</dd>
<dd>返回被点击事件影响的点击区域的 id,如果没有区域被影响则返回 null</dd>
<dt>{{domxref("MouseEvent.relatedTarget")}} {{readonlyinline}}</dt>
<dd>
<p>鼠标事件的次要目标(如果有的话)</p>
</dd>
<dt>{{domxref("MouseEvent.screenX")}} {{readonlyinline}}</dt>
<dd>鼠标指针相对于全局(屏幕)的X坐标</dd>
<dd>鼠标指针相对于全局(屏幕)的 X 坐标</dd>
<dt>{{domxref("MouseEvent.screenY")}} {{readonlyinline}}</dt>
<dd>鼠标指针相对于全局(屏幕)的Y坐标</dd>
<dd>鼠标指针相对于全局(屏幕)的 Y 坐标</dd>
<dt>{{domxref("MouseEvent.shiftKey")}} {{readonlyinline}}</dt>
<dd>当鼠标事件触发时,如果 <kbd>shift</kbd> 键被按下,则返回 true;</dd>
<dt>{{domxref("MouseEvent.which")}} {{non-standard_inline}} {{readonlyinline}}</dt>
<dd>当鼠标事件触发时,表示被按下的按钮。</dd>
<dt>{{domxref("MouseEvent.mozPressure")}} {{non-standard_inline()}} {{readonlyinline}}</dt>
<dd>点击事件发生时施加在触摸屏或者平板设备的压力量。这个数值在0.0(最小压力)和1.0(最大压力)之间。</dd>
<dd>点击事件发生时施加在触摸屏或者平板设备的压力量。这个数值在 0.0(最小压力)和 1.0(最大压力)之间。</dd>
<dt>{{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{readonlyinline}}</dt>
<dd>生成事件的类型(若干 <code>MOZ_SOURCE_* </code>常量如下列出)。可通过该属性获知鼠标事件是否由真实鼠标设备触发,亦或通过触摸事件触发(这可能影响处理坐标事件时的精确程度)。</dd>
<dt>{{domxref("MouseEvent.webkitForce")}} {{non-standard_inline()}} {{readonlyinline}}</dt>
Expand Down Expand Up @@ -102,12 +102,12 @@ <h2 id="方法">方法</h2>
<dt>{{domxref("MouseEvent.getModifierState()")}}</dt>
<dd>返回指定修饰键的当前状态。请参照{{domxref("KeyboardEvent.getModifierState")}}() 查看详情。</dd>
<dt>{{domxref("MouseEvent.initMouseEvent()")}} {{deprecated_inline}}</dt>
<dd>初始化创建MouseEvent的值。如果这个事件已经被分派,这个方法将不会做任何事情。</dd>
<dd>初始化创建 MouseEvent 的值。如果这个事件已经被分派,这个方法将不会做任何事情。</dd>
</dl>

<h2 id="示例">示例</h2>

<p>这个例子演示了使用DOM方法在复选框上模拟一个点击事件(使用编程的方式生成点击事件)。</p>
<p>这个例子演示了使用 DOM 方法在复选框上模拟一个点击事件(使用编程的方式生成点击事件)。</p>

<pre class="brush: js">function simulateClick() {
var evt = new <a href="/en-US/docs/Web/API/MouseEvent">MouseEvent</a>("click", {
Expand Down
20 changes: 10 additions & 10 deletions files/zh-cn/web/api/mouseevent/initmouseevent/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
---
<p>{{APIRef("DOM Events")}}{{deprecated_header}}</p>

<p><code><strong>MouseEvent.initMouseEvent()</strong></code> 方法用以在鼠标事件创建时(一般用 {{domxref("Document.createEvent()")}}方法创建)初始化其属性的值。</p>
<p><code><strong>MouseEvent.initMouseEvent()</strong></code> 方法用以在鼠标事件创建时 (一般用 {{domxref("Document.createEvent()")}}方法创建) 初始化其属性的值。</p>

<p>事件初始化是在事件被{{ domxref("Document.createEvent()") }}方法创建后必需的。这个方法必须在事件被{{ domxref("EventTarget.dispatchEvent()") }}方法发送出来前调用。一旦事件被发送后,它将不再起任何作用。 </p>

Expand All @@ -32,17 +32,17 @@ <h3 id="形参">形参</h3>
<dt><em><code>cancelable</code></em></dt>
<dd>是否可以阻止事件默认行为。取值集合见{{domxref("Event.cancelable")}}。</dd>
<dt><em><code>view</code></em></dt>
<dd>事件的AbstractView对象引用,这里其实指向{{domxref("window")}} 对象。取值集合见 {{domxref("UIEvent.view")}}。</dd>
<dd>事件的 AbstractView 对象引用,这里其实指向{{domxref("window")}} 对象。取值集合见 {{domxref("UIEvent.view")}}。</dd>
<dt><em><code>detail</code></em></dt>
<dd>事件的鼠标点击数量。取值集合见{{domxref("Event.detail")}}。</dd>
<dt><em><code>screenX</code></em></dt>
<dd>事件的屏幕的x坐标。取值集合见{{domxref("MouseEvent.screenX")}}。</dd>
<dd>事件的屏幕的 x 坐标。取值集合见{{domxref("MouseEvent.screenX")}}。</dd>
<dt><em><code>screenY</code></em></dt>
<dd>事件的屏幕的y坐标。取值集合见{{domxref("MouseEvent.screenY")}}。</dd>
<dd>事件的屏幕的 y 坐标。取值集合见{{domxref("MouseEvent.screenY")}}。</dd>
<dt><em><code>clientX</code></em></dt>
<dd>事件的客户端x坐标。取值集合见{{domxref("MouseEvent.clientX")}}。</dd>
<dd>事件的客户端 x 坐标。取值集合见{{domxref("MouseEvent.clientX")}}。</dd>
<dt><em><code>clientY</code></em></dt>
<dd>事件的客户端y坐标。取值集合见{{domxref("MouseEvent.clientY")}}。</dd>
<dd>事件的客户端 y 坐标。取值集合见{{domxref("MouseEvent.clientY")}}。</dd>
<dt><em><code>ctrlKey</code></em></dt>
<dd>事件发生时 <kbd>control</kbd> 键是否被按下。取值集合见{{domxref("MouseEvent.ctrlKey")}}。</dd>
<dt><em><code>altKey</code></em></dt>
Expand All @@ -54,21 +54,21 @@ <h3 id="形参">形参</h3>
<dt><em><code>button</code></em></dt>
<dd>鼠标按键值 {{domxref("MouseEvent.button", "button")}}。</dd>
<dt><em><code>relatedTarget</code></em></dt>
<dd>事件的<a href="/en/DOM/event.relatedTarget" title="en/DOM/event.relatedTarget">相关对象</a>。只在某些事件类型有用 (例如 <code>mouseover</code> ?和 <code>mouseout</code>)。其它的传null</dd>
<dd>事件的<a href="/en/DOM/event.relatedTarget" title="en/DOM/event.relatedTarget">相关对象</a>。只在某些事件类型有用 (例如 <code>mouseover</code> ?和 <code>mouseout</code>)。其它的传 null</dd>
<dt>
<p> </p>

<h2 id="Example" name="Example">?示例</h2>
<h2 id="Example" name="Example">示例</h2>

<h3 id="HTML内容">HTML内容</h3>
<h3 id="HTML">HTML</h3>

<pre class="brush: html"><code>&lt;div style="background:red;width:180px;padding:10px;"&gt;
&lt;div id="out"&gt;&lt;/div&gt;
&lt;input type="text"&gt;
&lt;/div&gt;</code>
</pre>

<h3 id="JavaScript内容">JavaScript内容</h3>
<h3 id="JavaScript">JavaScript</h3>

<pre class="brush: js"><code>document.body.onclick = function(){
e = arguments[0];
Expand Down
2 changes: 1 addition & 1 deletion files/zh-cn/web/api/mouseevent/metakey/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
<p><strong><code>MouseEvent.metaKey</code></strong> 为只读属性,返回一个 {{jsxref("Boolean", "布尔值")}},在鼠标事件发生时,用于指示 <kbd>Meta</kbd> 键是按下状态(<code>true</code>),还是释放状态(<code>false</code>)。</p>

<div class="note">
<p><strong>备注:</strong>在 MAC 键盘上,表示 Command 键(<kbd></kbd>),在 Windows键盘上,表示 Windows 键(<kbd></kbd>)。</p>
<p><strong>备注:</strong>在 MAC 键盘上,表示 Command 键(<kbd></kbd>),在 Windows 键盘上,表示 Windows 键(<kbd></kbd>)。</p>
</div>

<h2 id="语法">语法</h2>
Expand Down
2 changes: 1 addition & 1 deletion files/zh-cn/web/api/mouseevent/pagex/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
---
<p>{{APIRef("DOM Events")}}</p>

<p> <code><strong>pageX</strong></code> 是一个由{{domxref("MouseEvent")}}接口返回的相对于整个文档的x(水平)坐标以像素为单位的只读属性。</p>
<p><code><strong>pageX</strong></code> 是一个由 {{domxref("MouseEvent")}} 接口返回的相对于整个文档的 x(水平)坐标以像素为单位的只读属性。</p>

<p>这个属性将基于文档的边缘,考虑任何页面的水平方向上的滚动。举个例子,如果页面向右滚动 200px 并出现了滚动条,这部分在窗口之外,然后鼠标点击距离窗口左边 100px 的位置,pageX 所返回的值将是 300。</p>

Expand Down
2 changes: 1 addition & 1 deletion files/zh-cn/web/api/mouseevent/x/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
---
<div>{{APIRef}}{{SeeCompatTable}}</div>

<p><strong><code>MouseEvent.x</code></strong> 是 {{domxref("MouseEvent.clientX")}} 属性的别名.</p>
<p><strong><code>MouseEvent.x</code></strong> 是 {{domxref("MouseEvent.clientX")}} 属性的别名</p>

<h2 id="标准">标准</h2>

Expand Down

0 comments on commit fdda9a7

Please sign in to comment.