diff options
Diffstat (limited to 'files/uk/web/api/globaleventhandlers/onmouseover/index.html')
| -rw-r--r-- | files/uk/web/api/globaleventhandlers/onmouseover/index.html | 71 |
1 files changed, 0 insertions, 71 deletions
diff --git a/files/uk/web/api/globaleventhandlers/onmouseover/index.html b/files/uk/web/api/globaleventhandlers/onmouseover/index.html deleted file mode 100644 index b3d98e075e..0000000000 --- a/files/uk/web/api/globaleventhandlers/onmouseover/index.html +++ /dev/null @@ -1,71 +0,0 @@ ---- -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"><p>Test your mouse on me!</p></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> |
