diff options
Diffstat (limited to 'files/zh-cn/web/api/globaleventhandlers/onpointerenter/index.html')
| -rw-r--r-- | files/zh-cn/web/api/globaleventhandlers/onpointerenter/index.html | 127 |
1 files changed, 127 insertions, 0 deletions
diff --git a/files/zh-cn/web/api/globaleventhandlers/onpointerenter/index.html b/files/zh-cn/web/api/globaleventhandlers/onpointerenter/index.html new file mode 100644 index 0000000000..7f0422197b --- /dev/null +++ b/files/zh-cn/web/api/globaleventhandlers/onpointerenter/index.html @@ -0,0 +1,127 @@ +--- +title: GlobalEventHandlers.onpointerenter +slug: Web/API/GlobalEventHandlers/onpointerenter +translation_of: Web/API/GlobalEventHandlers/onpointerenter +--- +<div>HTML DOM</div> + +<div>pointerenter事件的GlobalEventHandlers(全局事件处理函数)</div> + +<p> </p> + +<pre class="syntaxbox">var <var>enterHandler</var> = <var>targetElement</var>.onpointerenter; +</pre> + +<h3 id="返回值">返回值</h3> + +<dl> + <dt><code>enterHandler</code></dt> +</dl> + +<p> <code>targetElement</code>的pointerenter事件处理函数。</p> + +<h2 id="例子">例子</h2> + +<p>这个例子展示了使用onpointerenter来设置元素pointerenter事件处理函数的两种方式<em>。</em></p> + +<pre class="brush: js"><html> +<script> +function enterHandler(ev) { + // 处理pointerenter 事件 +} +function init() { + var el=document.getElementById("target1"); + el.onpointerenter = enterHandler; +} +</script> +<body onload="init();"> +<div id="target1"> 点我 ... </div> +<div id="target2" onpointerenter="enterHandler(event)"> 点我 ... </div> +</body> +</html> +</pre> + +<h2 id="规范">规范</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">规范</th> + <th scope="col">状态</th> + <th scope="col">备注</th> + </tr> + <tr> + <td>{{SpecName('Pointer Events 2','#widl-GlobalEventHandlers-onpointerenter', 'onpointerenter')}}</td> + <td>{{Spec2('Pointer Events 2')}}</td> + <td>Non-stable version</td> + </tr> + <tr> + <td>{{SpecName('Pointer Events', '#widl-GlobalEventHandlers-onpointerenter', 'onpointerenter')}}</td> + <td>{{Spec2('Pointer Events')}}</td> + <td>Initial definition</td> + </tr> + </tbody> +</table> + +<h2 id="浏览器兼容性">浏览器兼容性</h2> + +<p>兼容性表</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>特点</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>基本支持</td> + <td>CompatChrome("35")支持<sup>[1]</sup></td> + <td>GeckoDesktop(59)支持</td> + <td>支持需-ms前缀 <br> + 11支持</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>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>基本支持</td> + <td>支持程度未知</td> + <td>Chrome("35")支持<sup>[1]</sup></td> + <td>GeckoMobile("29")支持<sup>[2]</sup></td> + <td>10支持需-ms前缀 </td> + <td>支持程度未知</td> + <td>不支持</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] 这是在<a href="http://crbug.com/248918">bug 248918</a>中实现。</p> + +<p>[2] 依赖于<code>dom.w3c_pointer_events.enabled</code>属性, 默认值为 <code>false</code>。</p> + +<h2 id="相关链接">相关链接</h2> + +<ul> + <li>{{ event("pointerenter") }}</li> +</ul> |
