files/pl/web/api/event/relatedtarget/index.html


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

---
title: event.relatedTarget
slug: Web/API/Event/relatedTarget
tags:
  - DOM
  - Wszystkie_kategorie
translation_of: Web/API/MouseEvent/relatedTarget
translation_of_original: Web/API/event.relatedTarget
---
<p>{{ ApiRef() }}</p>
<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3>
<p>Wskazuje na drugi cel zdarzenia.</p>
<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3>
<pre class="eval">eventTarget = event.relatedTarget
</pre>
<h3 id="Parametry" name="Parametry">Parametry</h3>
<ul>
 <li><code>eventTarget</code> to referencja do dodatkowego celu zdarzenia (obiektu <code>EventTarget</code>).</li>
</ul>
<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3>
<pre>var rel = event.relatedTarget;
// dump("LEAVING " + (rel ? rel.localName : "null") + "\n");
// relatedTarget is null when the titletip is first shown:
// a mouseout event fires because the mouse is exiting
// the main window and entering the titletip "window".
// relatedTarget is also null when the mouse exits the main
// window completely, so count how many times relatedTarget
// was null after titletip is first shown and hide popup
// the 2nd time
if (!rel) {
  ++this._mouseOutCount;
  if (this._mouseOutCount &gt; 1)
    this.hidePopup();
  return;
}
// find out if the node we are entering is one of our
// anonymous children
while (rel) {
  if (rel == this)
    break;
  rel.parentNode;
}
// if the entered node is not a descendant of ours, hide
// the tooltip
if (rel != this &amp;&amp; this._isMouseOver) {
  this.hidePopup();
}
</pre>
<h3 id="Uwagi" name="Uwagi">Uwagi</h3>
<p>Za specyfikacją W3C: "Obecnie ten atrybuty używany jest przy zdarzeniu <a href="pl/DOM/element.onmouseover">mouseover</a>, gdzie kieruje do <code>EventTarget</code>, jaki opuściło urządzenie wskazujące oraz przy zdarzeniu <a href="pl/DOM/element.onmouseout">mouseout</a>, gdzie kieruje do EventTarget, w który weszło urządzenie wskazujące."</p>
<p>Powyzszy przykład jest typowy - właściwość <b>relatedTarget</b> używana jest by znaleźć, jeśli jest związany z tym zdarzeniem, kolejny element. Zdarzenia takie jak najechanie myszą (
 <i>
  mouseover</i>
 ) są powiązane z konkretnym elementem docelowym, ale mogą też angażować drugi cel, jak np. element opuszczany przez mysz w momencie, gdy najechania na główny cel.</p>
<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3>
<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-MouseEvent-relatedTarget">relatedTarget </a></p>
<p>{{ languages( { "en": "en/DOM/event.relatedTarget" } ) }}</p>