blob: 8a3485860a539ac949331588c921a408e72306ef (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
|
---
title: 'HTMLElement: pointerover event'
slug: Web/API/HTMLElement/pointerover_event
translation_of: Web/API/HTMLElement/pointerover_event
---
<div>{{APIRef}}</div>
<p>Событие <code>pointerover</code> когда указатель входит в границы элемента обрабатываемого события.</p>
<table class="properties">
<tbody>
<tr>
<th scope="row">Bubbles</th>
<td>Yes</td>
</tr>
<tr>
<th scope="row">Cancelable</th>
<td>Yes</td>
</tr>
<tr>
<th scope="row">Interface</th>
<td>{{domxref("PointerEvent")}}</td>
</tr>
<tr>
<th scope="row">Event handler property</th>
<td><code><a href="/en-US/docs/Web/API/GlobalEventHandlers/onpointerover">onpointerover</a></code></td>
</tr>
</tbody>
</table>
<h2 id="Примеры">Примеры</h2>
<p>С использованием <code>addEventListener()</code>:</p>
<pre class="brush: js">const para = document.querySelector('p');
para.addEventListener('pointerover', (event) => {
console.log('Pointer moved in');
});</pre>
<p>С использованием свойство элемента <code>onpointerover</code> :</p>
<pre class="brush: js">const para = document.querySelector('p');
para.onpointerover = (event) => {
console.log('Pointer moved in');
};</pre>
<h2 id="Спецификации">Спецификации</h2>
{{Specifications}}
<h2 id="Браузерная_совместимость">Браузерная совместимость</h2>
<p>{{Compat("api.HTMLElement.pointerover_event")}}</p>
<h2 id="Смотрите_также">Смотрите также</h2>
<ul>
<li><code><a href="/en-US/docs/Web/API/HTMLElement/gotpointercapture_event">gotpointercapture</a></code></li>
<li><code><a href="/en-US/docs/Web/API/HTMLElement/lostpointercapture_event">lostpointercapture</a></code></li>
<li><code><a href="/en-US/docs/Web/API/HTMLElement/pointerenter_event">pointerenter</a></code></li>
<li><code><a href="/en-US/docs/Web/API/HTMLElement/pointerdown_event">pointerdown</a></code></li>
<li><code><a href="/en-US/docs/Web/API/HTMLElement/pointermove_event">pointermove</a></code></li>
<li><code><a href="/en-US/docs/Web/API/HTMLElement/pointerup_event">pointerup</a></code></li>
<li><code><a href="/en-US/docs/Web/API/HTMLElement/pointercancel_event">pointercancel</a></code></li>
<li><code><a href="/en-US/docs/Web/API/HTMLElement/pointerout_event">pointerout</a></code></li>
<li><code><a href="/en-US/docs/Web/API/HTMLElement/pointerleave_event">pointerleave</a></code></li>
<li><code><a href="/en-US/docs/Web/API/GlobalEventHandlers/onpointerover">onpointerover</a></code> свойство-обработчик события</li>
<li>Событие на элементах <code>Document</code>: событие <code><a href="/en-US/docs/Web/API/Document/pointerover_event">pointerover</a></code></li>
</ul>
|