aboutsummaryrefslogtreecommitdiff
path: root/files/zh-cn/conflicting/web/api/globaleventhandlers
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 12:56:40 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 12:56:40 +0100
commit310fd066e91f454b990372ffa30e803cc8120975 (patch)
treed5d900deb656a5da18e0b60d00f0db73f3a2e88e /files/zh-cn/conflicting/web/api/globaleventhandlers
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-310fd066e91f454b990372ffa30e803cc8120975.tar.gz
translated-content-310fd066e91f454b990372ffa30e803cc8120975.tar.bz2
translated-content-310fd066e91f454b990372ffa30e803cc8120975.zip
unslug zh-cn: move
Diffstat (limited to 'files/zh-cn/conflicting/web/api/globaleventhandlers')
-rw-r--r--files/zh-cn/conflicting/web/api/globaleventhandlers/ongotpointercapture/index.html143
-rw-r--r--files/zh-cn/conflicting/web/api/globaleventhandlers/onmouseup/index.html43
-rw-r--r--files/zh-cn/conflicting/web/api/globaleventhandlers/onscroll/index.html54
-rw-r--r--files/zh-cn/conflicting/web/api/globaleventhandlers/ontouchmove/index.html125
4 files changed, 365 insertions, 0 deletions
diff --git a/files/zh-cn/conflicting/web/api/globaleventhandlers/ongotpointercapture/index.html b/files/zh-cn/conflicting/web/api/globaleventhandlers/ongotpointercapture/index.html
new file mode 100644
index 0000000000..2ff983926f
--- /dev/null
+++ b/files/zh-cn/conflicting/web/api/globaleventhandlers/ongotpointercapture/index.html
@@ -0,0 +1,143 @@
+---
+title: Element.ongotpointercapture
+slug: Web/API/Element/ongotpointercapture
+tags:
+ - API
+ - DOM
+ - Element
+ - Event Handler
+ - Pointer Events
+ - Property
+ - Reference
+ - 事件句柄
+ - 元素
+ - 属性
+ - 引用
+ - 指针事件
+translation_of: Web/API/GlobalEventHandlers/ongotpointercapture
+translation_of_original: Web/API/Element/ongotpointercapture
+---
+<p>{{ ApiRef("DOM") }}</p>
+
+<p><code>ongotpointercapture</code> 是一个{{domxref("Element")}} 接口的{{domxref("EventHandler")}} 属性,返回一个{{event("gotpointercapture")}} 事件类型的事件句柄 (function) .</p>
+
+<h2 id="Syntax" name="Syntax">语法</h2>
+
+<pre class="eval">var gotCaptureHandler = target.ongotpointercapture;
+</pre>
+
+<h3 id="Return_Value" name="Return_Value">Return value</h3>
+
+<dl>
+ <dt><code>gotCaptureHandler</code></dt>
+ <dd>元素 <code>target</code> 的gotpointercapture 事件句柄。 .</dd>
+</dl>
+
+<h2 id="Example">Example</h2>
+
+<pre class="brush: js">&lt;html&gt;
+&lt;script&gt;
+function overHandler(ev) {
+ // Determine the target event's gotpointercapture handler
+ var gotCaptureHandler = ev.target.ongotpointercapture;
+}
+function init() {
+ var el=document.getElementById("target");
+ el.onpointerover = overHandler;
+}
+&lt;/script&gt;
+&lt;body onload="init();"&gt;
+&lt;div id="target"&gt; Touch me ... &lt;/div&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+
+<h2 id="Specifications" name="Specifications">Specifications</h2>
+
+<table class="standard-table">
+ <tbody>
+ <tr>
+ <th scope="col">Specification</th>
+ <th scope="col">Status</th>
+ <th scope="col">Comment</th>
+ </tr>
+ <tr>
+ <td>{{SpecName('Pointer Events 2','#widl-Element-ongotpointercapture', 'ongotpointercapture')}}</td>
+ <td>{{Spec2('Pointer Events 2')}}</td>
+ <td>无稳定版</td>
+ </tr>
+ <tr>
+ <td>{{SpecName('Pointer Events', '#widl-Element-ongotpointercapture', 'ongotpointercapture')}}</td>
+ <td>{{Spec2('Pointer Events')}}</td>
+ <td>Initial definition.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Chrome</th>
+ <th>Edge</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari (WebKit)</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{CompatNo}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatVersionUnknown}} <sup>[1]</sup></td>
+ <td>{{CompatIE("10")}}</td>
+ <td>{{CompatNo}}</td>
+ <td>{{CompatNo}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Android</th>
+ <th>Android Webview</th>
+ <th>Chrome for Android</th>
+ <th>Edge</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>Firefox OS</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{CompatNo}}</td>
+ <td>{{CompatNo}}</td>
+ <td>{{CompatNo}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatNo}}</td>
+ <td>{{CompatNo}}</td>
+ <td>{{CompatIE("10")}}</td>
+ <td>{{CompatNo}}</td>
+ <td>{{CompatNo}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Implementation withdrawn. See {{Bug("1166347")}}.</p>
+
+<h2 id="See_also" name="See_also">See also</h2>
+
+<ul>
+ <li>{{ event("gotpointercapture") }}</li>
+</ul>
diff --git a/files/zh-cn/conflicting/web/api/globaleventhandlers/onmouseup/index.html b/files/zh-cn/conflicting/web/api/globaleventhandlers/onmouseup/index.html
new file mode 100644
index 0000000000..03a4b116b8
--- /dev/null
+++ b/files/zh-cn/conflicting/web/api/globaleventhandlers/onmouseup/index.html
@@ -0,0 +1,43 @@
+---
+title: window.onmouseup
+slug: Web/API/Window/onmouseup
+translation_of: Web/API/GlobalEventHandlers/onmouseup
+translation_of_original: Web/API/Window/onmouseup
+---
+<p>{{ ApiRef() }}</p>
+<h3 id="Summary" name="Summary">概述</h3>
+<p>当前窗口的mouseup事件的事件句柄.</p>
+<h3 id="Syntax" name="Syntax">语法</h3>
+<pre class="eval">window.onmouseup = <em>funcRef</em>;
+</pre>
+<h3 id="Parameters" name="Parameters">参数</h3>
+<ul>
+ <li><code>funcRef</code> 是个函数引用</li>
+</ul>
+<h3 id="Example" name="Example">例子</h3>
+<pre>window.onmouseup = doFunc;
+</pre>
+<pre>&lt;html&gt;
+&lt;head&gt;
+
+&lt;title&gt;onmouseup测试&lt;/title&gt;
+
+&lt;script type="text/javascript"&gt;
+
+window.onmouseup = mouseup;
+
+function mouseup()
+{
+ alert("检测到mouseup事件!");
+}
+&lt;/script&gt;
+&lt;/head&gt;
+
+&lt;body&gt;
+&lt;p&gt;在页面上按下鼠标中某个键,保持几秒后松开.mouseup事件会在你松开鼠标时触发&lt;/p&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<h3 id="Specification" name="Specification">规范</h3>
+<p>没有任何公开的标准</p>
+<p>{{ languages( { "ja": "ja/DOM/window.onmouseup" ,"en": "en/DOM/window.onmouseup" } ) }}</p>
diff --git a/files/zh-cn/conflicting/web/api/globaleventhandlers/onscroll/index.html b/files/zh-cn/conflicting/web/api/globaleventhandlers/onscroll/index.html
new file mode 100644
index 0000000000..af48e1575f
--- /dev/null
+++ b/files/zh-cn/conflicting/web/api/globaleventhandlers/onscroll/index.html
@@ -0,0 +1,54 @@
+---
+title: window.onscroll
+slug: Web/API/Window/onscroll
+translation_of: Web/API/GlobalEventHandlers/onscroll
+translation_of_original: Web/API/Window/onscroll
+---
+<p>{{ ApiRef() }}</p>
+<h3 id="Summary" name="Summary">概述</h3>
+<p>为当前页面的页面滚动事件添加事件处理函数.</p>
+<h3 id="Syntax" name="Syntax">语法</h3>
+<pre class="eval">window.onscroll = <em>funcRef</em>;
+</pre>
+<ul>
+ <li><code>funcRef</code> 是个函数类型的对象引用或者匿名函数.</li>
+</ul>
+<h3 id="Example" name="Example">例子</h3>
+<pre class="brush: js">window.onscroll = function (e) {
+ // 当页面的滚动条滚动时,会执行这里的代码
+}
+</pre>
+<pre class="brush: html">&lt;html&gt;
+&lt;head&gt;
+
+&lt;title&gt;onscroll test&lt;/title&gt;
+
+&lt;script type="text/javascript"&gt;
+
+window.onscroll = scroll;
+
+function scroll()
+{
+ alert("检测到页面滚动事件:"+window.pageXOffset+" "+window.pageYOffset);
+ // 注意: window.innerWidth 和 window.innerHeight 可以获得页面可见区域的宽和高.
+}
+&lt;/script&gt;
+&lt;/head&gt;
+
+&lt;body&gt;
+&lt;p&gt;Resize the window&lt;/p&gt;
+&lt;p&gt;to a very small size,&lt;/p&gt;
+&lt;p&gt;and use the scrollbars&lt;/p&gt;
+&lt;p&gt;to move around the page content&lt;/p&gt;
+&lt;p&gt;in the window.&lt;/p&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<h3 id="Notes" name="Notes">备注</h3>
+<p>{{ Bug("189308") }}, 在旧版本的Gecko中(Gecko 1.8/Firefox 1.5之前), scroll 事件只会在用户拖动滚动条时发生,使用方向键和鼠标滚轮滚动页面则不会触发该事件.</p>
+<p>当 window.scrollX/scrollY 不为 0时,意味着用户或者网页脚本已经执行了窗口的滚动行为.</p>
+<h3 id="Specification" name="Specification">规范</h3>
+<ul>
+ <li><a class="external" href="http://www.w3.org/TR/html5/webappapis.html#event-handlers-on-elements-document-objects-and-window-objects" title="http://www.w3.org/TR/html5/webappapis.html#event-handlers-on-elements-document-objects-and-window-objects">HTML5: Event handlers on elements, Document objects, and Window objects</a></li>
+</ul>
+<p>{{ languages( { "en": "en/DOM/window.onscroll"} ) }}</p>
diff --git a/files/zh-cn/conflicting/web/api/globaleventhandlers/ontouchmove/index.html b/files/zh-cn/conflicting/web/api/globaleventhandlers/ontouchmove/index.html
new file mode 100644
index 0000000000..3bbf3d5ce4
--- /dev/null
+++ b/files/zh-cn/conflicting/web/api/globaleventhandlers/ontouchmove/index.html
@@ -0,0 +1,125 @@
+---
+title: GlobalEventHandlers.ontouchmove
+slug: Web/API/GlobalEventHandlers/GlobalEventHanders.ontouchmove
+translation_of: Web/API/GlobalEventHandlers/ontouchmove
+translation_of_original: Web/API/GlobalEventHandlers/GlobalEventHanders.ontouchmove
+---
+<div>{{ApiRef("HTML DOM")}}</div>
+
+<p>A {{domxref("GlobalEventHandlers","global event handler")}} for the {{event("touchmove")}} event.</p>
+
+<div class="note">
+<p><strong>注意:这个属性还没有正式的标准。它在 </strong>{{SpecName('Touch Events 2')}} {{Spec2('Touch Events 2')}} 说明书里被规定且不在 {{SpecName('Touch Events')}} {{Spec2('Touch Events')}}中。这个属性没有被广泛应用。</p>
+</div>
+
+<h2 id="Syntax" name="Syntax">Syntax</h2>
+
+<pre class="eval">var moveHandler = someElement.ontouchmove;
+</pre>
+
+<h3 id="Return_Value" name="Return_Value">Return value</h3>
+
+<dl>
+ <dt><code>moveHandler</code></dt>
+ <dd>The <em>touchmove</em> event handler for element <code>someElement</code>.</dd>
+</dl>
+
+<h2 id="Example">Example</h2>
+
+<p>This example shows two ways to use <em>ontouchmove</em> to set an element's <em>touchmove</em> event handler.</p>
+
+<pre class="brush: js">&lt;html&gt;
+&lt;script&gt;
+function moveTouch(ev) {
+ // Process the event
+}
+function init() {
+ var el=document.getElementById("target1");
+ el.ontouchmove = moveTouch;
+}
+&lt;/script&gt;
+&lt;body onload="init();"&gt;
+&lt;div id="target1"&gt; Touch me ... &lt;/div&gt;
+&lt;div id="target2" ontouchmove="moveTouch(event)"&gt; Touch me ... &lt;/div&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+
+<h2 id="Specifications">Specifications</h2>
+
+<table class="standard-table">
+ <tbody>
+ <tr>
+ <th scope="col">Specification</th>
+ <th scope="col">Status</th>
+ <th scope="col">Comment</th>
+ </tr>
+ <tr>
+ <td>{{SpecName('Touch Events 2','#widl-GlobalEventHandlers-ontouchmove')}}</td>
+ <td>{{Spec2('Touch Events 2')}}</td>
+ <td>Non-stable version.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Chrome</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari (WebKit)</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Android</th>
+ <th>Android Webview</th>
+ <th>Chrome for Android</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>Firefox OS</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li>{{ event("touchmove") }}</li>
+</ul>