1 files changed, 71 insertions, 0 deletions
diff --git a/files/uk/web/api/globaleventhandlers/onmouseover/index.html b/files/uk/web/api/globaleventhandlers/onmouseover/index.html
new file mode 100644
index 0000000000..b3d98e075e
--- /dev/null
+++ b/files/uk/web/api/globaleventhandlers/onmouseover/index.html
@@ -0,0 +1,71 @@
+---
+title: Обробник_глобальних_подій.onmouseover
+slug: Web/API/GlobalEventHandlers/onmouseover
+tags:
+  - Event Handler
+  - onmouseover
+  - Обробник глобальних подій
+  - Подія мищі
+translation_of: Web/API/GlobalEventHandlers/onmouseover
+---
+<div>{{ApiRef("HTML DOM")}}</div>
+
+<p>Властивістю <code><strong>onmouseover</strong></code> мікшіна {{domxref("GlobalEventHandlers")}} є {{domxref("EventHandler")}} , який обробляє події наведення миші {{event("mouseover")}}.</p>
+
+<p>Подія <code>mouseover</code> запускається, коли користувач переміщує курсор на певний елемент. </p>
+
+<h2 id="Синтаксис">Синтаксис</h2>
+
+<pre class="syntaxbox"><em>element</em>.onmouseover = <em>function</em>;
+</pre>
+
+<h2 class="editable" id="Приклад"><span>Приклад</span></h2>
+
+<p><span><span>Цей приклад додає <code>onmouseover</code> та <code>onmouseout</code> подіі до параграфу. Спробуйте перемістити мишу до елементу.</span></span></p>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;p&gt;Test your mouse on me!&lt;/p&gt;</pre>
+
+<h3 id="JavaScript">JavaScript</h3>
+
+<pre class="brush: js">const p = document.querySelector('p');
+p.onmouseover = logMouseOver;
+p.onmouseout = logMouseOut;
+
+function logMouseOver() {
+  p.innerHTML = 'Виявлено MOUSE OVER';
+}
+
+function logMouseOut() {
+  p.innerHTML = 'Виявлено MOUSE OUT';
+}</pre>
+
+<h3 id="Результат">Результат</h3>
+
+<p>{{EmbedLiveSample("Example")}}</p>
+
+<h2 id="Специфікації">Специфікації</h2>
+
+<table class="spectable standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG','webappapis.html#handler-onmouseover','onmouseover')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Сумісність_з_браузерами">Сумісність з браузерами</h2>
+
+<div>
+
+
+<p>{{Compat("api.GlobalEventHandlers.onmouseover")}}</p>
+</div>