diff options
Diffstat (limited to 'files/ko/web/api/globaleventhandlers/onpointerenter/index.html')
-rw-r--r-- | files/ko/web/api/globaleventhandlers/onpointerenter/index.html | 79 |
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"><html> +<script> +function enterHandler(ev) { + // pointerenter event처리 +} +function init() { + let el = document.getElementById('target1'); + el.onpointerenter = enterHandler; +} +</script> + +<body onload="init();"> + <div id="target1"> Touch me ... </div> + <div id="target2" onpointerenter="enterHandler(event)"> Touch me ... </div> +</body> +</html> +</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> |