aboutsummaryrefslogtreecommitdiff
path: root/files/ko/web/api/globaleventhandlers/onpointerenter/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/ko/web/api/globaleventhandlers/onpointerenter/index.html')
-rw-r--r--files/ko/web/api/globaleventhandlers/onpointerenter/index.html79
1 files changed, 79 insertions, 0 deletions
diff --git a/files/ko/web/api/globaleventhandlers/onpointerenter/index.html b/files/ko/web/api/globaleventhandlers/onpointerenter/index.html
new file mode 100644
index 0000000000..a9e0087ecc
--- /dev/null
+++ b/files/ko/web/api/globaleventhandlers/onpointerenter/index.html
@@ -0,0 +1,79 @@
+---
+title: GlobalEventHandlers.onpointerenter
+slug: Web/API/GlobalEventHandlers/onpointerenter
+translation_of: Web/API/GlobalEventHandlers/onpointerenter
+---
+<div>{{ApiRef("HTML DOM")}}</div>
+
+<p>{{domxref("GlobalEventHandlers")}} mixin의 <strong><code>onpointerenter</code></strong><em> </em>property는 {{event("pointerenter")}} 이벤트를 처리하는 {{domxref("EventHandler")}} 이다.</p>
+
+<h2 id="Syntax">Syntax</h2>
+
+<pre class="syntaxbox notranslate"><var>targetElement</var>.onpointerenter = <var>enterHandler</var>;
+
+var <var>enterHandler</var> = <var>targetElement</var>.onpointerenter;
+</pre>
+
+<h3 id="Value">Value</h3>
+
+<dl>
+ <dt><code>enterHandler</code></dt>
+ <dd>The <code>pointerenter</code> event handler for element <code>targetElement</code>.</dd>
+</dl>
+
+<h2 id="Example">Example</h2>
+
+<p>아래 예제는 element의 <code>pointerenter</code> 이벤트 핸들러를 설정하는 <code>onpointerenter</code> 의 2가지 사용법을 보여준다.</p>
+
+<pre class="brush: html notranslate">&lt;html&gt;
+&lt;script&gt;
+function enterHandler(ev) {
+ // pointerenter event처리
+}
+function init() {
+ let el = document.getElementById('target1');
+ el.onpointerenter = enterHandler;
+}
+&lt;/script&gt;
+
+&lt;body onload="init();"&gt;
+ &lt;div id="target1"&gt; Touch me ... &lt;/div&gt;
+ &lt;div id="target2" onpointerenter="enterHandler(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('Pointer Events 2','#dom-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="Browser_compatibility">Browser compatibility</h2>
+
+
+
+<p>{{Compat("api.GlobalEventHandlers.onpointerenter")}}</p>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li><code><a href="/en-US/docs/Web/API/Document/pointerenter_event">Document: pointerenter</a></code> event</li>
+ <li><code><a href="/en-US/docs/Web/API/HTMLElement/pointerenter_event">HTMLElement: pointerenter</a></code> event</li>
+</ul>