diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:42:52 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:42:52 -0500 |
commit | 074785cea106179cb3305637055ab0a009ca74f2 (patch) | |
tree | e6ae371cccd642aa2b67f39752a2cdf1fd4eb040 /files/pl/web/api/event | |
parent | da78a9e329e272dedb2400b79a3bdeebff387d47 (diff) | |
download | translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.gz translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.bz2 translated-content-074785cea106179cb3305637055ab0a009ca74f2.zip |
initial commit
Diffstat (limited to 'files/pl/web/api/event')
31 files changed, 1116 insertions, 0 deletions
diff --git a/files/pl/web/api/event/altkey/index.html b/files/pl/web/api/event/altkey/index.html new file mode 100644 index 0000000000..2c8c2f6d9f --- /dev/null +++ b/files/pl/web/api/event/altkey/index.html @@ -0,0 +1,31 @@ +--- +title: event.altKey +slug: Web/API/Event/altKey +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/MouseEvent/altKey +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Wskazuje, czy klawisz <alt> był wciśnięty przy wywołaniu zdarzenia.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>bool</i> = event.altKey +</pre> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre> function goInput(e) { + // sprawdza przycisk <alt> + if e.altKey { + // przekazuje zdarzenie dalej + superSizeOutput(e); + } + else { + doOutput(e); + } + } +</pre> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/event.altKey", "ja": "ja/DOM/event.altKey" } ) }}</p> diff --git a/files/pl/web/api/event/bubbles/index.html b/files/pl/web/api/event/bubbles/index.html new file mode 100644 index 0000000000..2372296028 --- /dev/null +++ b/files/pl/web/api/event/bubbles/index.html @@ -0,0 +1,31 @@ +--- +title: event.bubbles +slug: Web/API/Event/bubbles +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Event/bubbles +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Wskazuje, czy zdarzenie bąbelkuje przez model dokumentu czy nie.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval">bool = event.bubbles +</pre> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre> function goInput(e) { + // sprawdza czy zdarzenie bąbelkuje + if not e.bubbles { + // i jeśli nie - przekazuje je dalej + passItOn(e); + } + // jeśli bąbelkuje: + doOutput(e) +} +</pre> +<p> </p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/event.bubbles", "es": "es/DOM/event.bubbles", "ja": "ja/DOM/event.bubbles" } ) }}</p> diff --git a/files/pl/web/api/event/button/index.html b/files/pl/web/api/event/button/index.html new file mode 100644 index 0000000000..5f796093fb --- /dev/null +++ b/files/pl/web/api/event/button/index.html @@ -0,0 +1,66 @@ +--- +title: event.button +slug: Web/API/Event/button +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/MouseEvent/button +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Wskazuje, który przycisk myszy wywołał zdarzenie.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre>var kodPrzycisku = event.button; +</pre> +<p>Zwraca całkowitą wartość liczbową oznaczającą przycisk, który zmienił stan:</p> +<ul> + <li>0 - zwykłe + <i> + kliknięcie</i> + , zazwyczaj lewy przycisk</li> + <li>1 - środkowy przycisk, zazwyczaj kliknięcie rolką</li> + <li>2 - prawy przycisk</li> +</ul> +<p>Faktyczna kolejność przycisków może być różna, zależnie od konfiguracji urządzenia wskazującego.</p> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre><script type="text/javascript"> + +function whichButton(e) +{ + // obsłuż różne modele obsługi zdarzeń + var e = e || window.event; + var btnCode; + + if ('object' == typeof e){ + btnCode = e.button; + + switch (btnCode){ + case 0 : alert('Kliknięto lewym przyciskiem'); + break; + case 1 : alert('Kliknięto środkowym przyciskiem'); + break; + case 2 : alert('Kliknięto prawym przyciskiem'); + break; + default : alert('Nieoczekiwany kod: ' + btnCode); + } + } +} + +</script> + +<p onclick="whichButton(event);">Kliknij tu myszą...</p> + +</pre> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p>Ponieważ kliknięcia myszy są często przechwytywane przez interfejs uzytkownika, w niektórych okolicznościach może być trudno wykryć przyciski inne niż ten dla standardowego kliknięcia (tj. zazwyczaj lewy).</p> +<p>Użytkownicy mogą zmienić konfigurację przycisków swoich urządzeń wskazujących, tak że nawet jeśli własność + <i> + button</i> + wynosi zero, niekoniecznie musiał być naciśnięty przycisk znajdujący się fizycznie po lewej stronie. Jednak zachowanie w takiej sytuacji powinno być takie, jak gdyby kliknięto lewy przycisk w standardowym układzie.</p> +<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> +<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-MouseEvent-button">DOM Level 2 Events: button</a></p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/event.button", "ja": "ja/DOM/event.button" } ) }}</p> diff --git a/files/pl/web/api/event/cancelable/index.html b/files/pl/web/api/event/cancelable/index.html new file mode 100644 index 0000000000..4a6ed741bb --- /dev/null +++ b/files/pl/web/api/event/cancelable/index.html @@ -0,0 +1,34 @@ +--- +title: event.cancelable +slug: Web/API/Event/cancelable +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Event/cancelable +--- +<p>{{ ApiRef() }}</p> + +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> + +<p>Wskazuje, czy zdarzenie można anulować.</p> + +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> + +<pre class="eval">bool = event.cancelable +</pre> + +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> + +<p>To, czy zdarzenie może być anulowane czy nie jest określane w momencie, kiedy zdarzenie jest tworzone. Aby anulować zdarzenie, użyj metody <a href="pl/DOM/event.preventDefault">preventDefault</a> na tym zdarzeniu, dzięki czemu nie zostanie wykonana akcja - domyślny rezultat tego zdarzenia.</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-Event-canCancel">cancelable </a></p> + + + +<div class="noinclude"></div> + +<p>{{ languages( { "en": "en/DOM/event.cancelable", "es": "es/DOM/event.cancelable", "ja": "ja/DOM/event.cancelable" } ) }}</p> diff --git a/files/pl/web/api/event/cancelbubble/index.html b/files/pl/web/api/event/cancelbubble/index.html new file mode 100644 index 0000000000..64b0a32f88 --- /dev/null +++ b/files/pl/web/api/event/cancelbubble/index.html @@ -0,0 +1,15 @@ +--- +title: event.cancelBubble +slug: Web/API/Event/cancelBubble +tags: + - DOM + - Wszystkie_kategorie +translation_of: Web/API/UIEvent/cancelBubble +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Wskazuje, czy zostało anulowane bąbelkowanie tego zdarzenia.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval">bool = event.cancelBubble +</pre> +<p>{{ languages( { "en": "en/DOM/event.cancelBubble" } ) }}</p> diff --git a/files/pl/web/api/event/charcode/index.html b/files/pl/web/api/event/charcode/index.html new file mode 100644 index 0000000000..6600e6c1dd --- /dev/null +++ b/files/pl/web/api/event/charcode/index.html @@ -0,0 +1,27 @@ +--- +title: event.charCode +slug: Web/API/Event/charCode +tags: + - DOM + - Wszystkie_kategorie +translation_of: Web/API/KeyboardEvent/charCode +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Zwraca kod Unicode dla klawisza znaku, który został wciśnięty, w zdarzeniu <a href="pl/DOM/element.onkeypress">keypress</a>.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval">znak = event.charCode +</pre> +<h3 id="Parametry" name="Parametry">Parametry</h3> +<ul> + <li><code>znak</code> to wartość kodu Unicode klawisza, który został wciśnięty.</li> +</ul> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p>W zdarzeniu <a href="pl/DOM/element.onkeypress">keypress</a> kod Unicode wciśniętego klawisza jest przechowywany albo we własności <code><a href="pl/DOM/event.keyCode">keyCode</a></code> albo w <code>charCode</code>, nigdy w obydwu. Jeśli wciśnięcie klawisza skutkowałoby wprowadzeniem znaku (np. 'a'), <code>charCode</code> ustawiany jest dla kodu tego znaku, z uwzględnieniem wielkości (małe lub duże litery) znaku (np. bierze pod uwagę, czy wciśnięto klawisz shift). W przeciwnym przypadku, naciśnięty klawisz przechowywany jest w <code>keyCode</code>.</p> +<p><code>charCode</code> nigdy nie jest ustawiany w zdarzeniach <a href="pl/DOM/element.onkeydown">keydown</a> i <a href="pl/DOM/element.onkeyup">keyup</a>. W tych przypadkach ustawiany jest <code>keyCode</code>.</p> +<p>Aby pobrać kod klawisza niezależnie, czy jest przechowywany w <code>keyCode</code> czy w <code>charCode</code>, sprawdź właściwość <a href="pl/DOM/event.which">which</a>.</p> +<p>Znaki wprowadzane poprzez IME nie są rejestrowane poprzez <code>keyCode</code> ani <code>charCode</code>. (IME - program pozwalający wprowadzać skomplikowane znaki, np. japońskie bądź chińskie - przyp. tłum.)</p> +<p>Listę wartości <code>charCode</code> związanych z poszczególnymi klawiszami możesz znaleźć uruchamiając <a href="pl/Dokumentacja_Gecko_DOM/Przyk%c5%82ady_u%c5%bcycia_DOM">Przykład 7: Wyświetlanie stałych obiektu event</a>.</p> +<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> +<p>Nie należy do specyfikacji. Zobacz <a href="pl/NsIDOMKeyEvent">nsIDOMKeyEvent</a>.</p> +<p>{{ languages( { "en": "en/DOM/event.charCode" } ) }}</p> diff --git a/files/pl/web/api/event/clientx/index.html b/files/pl/web/api/event/clientx/index.html new file mode 100644 index 0000000000..dd0dcb3e09 --- /dev/null +++ b/files/pl/web/api/event/clientx/index.html @@ -0,0 +1,25 @@ +--- +title: event.clientX +slug: Web/API/Event/clientX +tags: + - DOM + - Wszystkie_kategorie +translation_of: Web/API/MouseEvent/clientX +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Zwraca poziomą współrzędną zdarzenia w obszarze klienta.</p> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre> function checkClientClickMap(e) { + if e.clientX < 50 { + doRedButton(); } + if 50 <= e.clientX < 100 { + doYellowButton(); } + if e.clientX >= 100 { + doRedButton(); } } +</pre> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p>Zobacz też <a href="pl/DOM/event.clientY">clientY</a>.</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-clientX">clientX </a></p> +<p>{{ languages( { "en": "en/DOM/event.clientX" } ) }}</p> diff --git a/files/pl/web/api/event/clienty/index.html b/files/pl/web/api/event/clienty/index.html new file mode 100644 index 0000000000..1ad6315f89 --- /dev/null +++ b/files/pl/web/api/event/clienty/index.html @@ -0,0 +1,16 @@ +--- +title: event.clientY +slug: Web/API/Event/clientY +tags: + - DOM + - Wszystkie_kategorie +translation_of: Web/API/MouseEvent/clientY +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Zwraca pionową współrzędną zdarzenia w obszarze klienta.</p> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p>Zobacz też <a href="pl/DOM/event.clientX">clientX</a>, wraz z przykładem wykorzystania.</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-clientY">clientY</a></p> +<p>{{ languages( { "en": "en/DOM/event.clientY" } ) }}</p> diff --git a/files/pl/web/api/event/ctrlkey/index.html b/files/pl/web/api/event/ctrlkey/index.html new file mode 100644 index 0000000000..53bda61a1e --- /dev/null +++ b/files/pl/web/api/event/ctrlkey/index.html @@ -0,0 +1,26 @@ +--- +title: event.ctrlKey +slug: Web/API/Event/ctrlKey +tags: + - DOM + - Wszystkie_kategorie +translation_of: Web/API/MouseEvent/ctrlKey +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Wskazuje, czy klawisz <ctrl> był wciśnięty podczas wywołania zdarzenia.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval">bool = event.ctrlKey +</pre> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre> function goInput(e) { + // sprawdza ctrlKey + if e.ctrlKey + // i przekazuje zdarzenie dalej + superSizeOutput(e); + else + doOutput(e) +</pre> +<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-ctrlKey">ctrlKey</a></p> +<p>{{ languages( { "en": "en/DOM/event.ctrlKey" } ) }}</p> diff --git a/files/pl/web/api/event/currenttarget/index.html b/files/pl/web/api/event/currenttarget/index.html new file mode 100644 index 0000000000..f6c5c3c752 --- /dev/null +++ b/files/pl/web/api/event/currenttarget/index.html @@ -0,0 +1,25 @@ +--- +title: event.currentTarget +slug: Web/API/Event/currentTarget +tags: + - DOM + - Wszystkie_kategorie +translation_of: Web/API/Event/currentTarget +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Pozwala zidentyfikować obecnie zarejestrowany element docelowy zdarzenia.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval">referencjaDoWęzła = event.currentTarget +</pre> +<h3 id="Parametry" name="Parametry">Parametry</h3> +<ul> + <li><code>referencjaDoWęzła</code> to referencja do obiektu węzła DOM</li> +</ul> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre> if e.currentTarget != t_el + resetEventEngine(); +</pre> +<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-Event-currentTarget">currentTarget</a></p> +<p>{{ languages( { "en": "en/DOM/event.currentTarget" } ) }}</p> diff --git a/files/pl/web/api/event/eventphase/index.html b/files/pl/web/api/event/eventphase/index.html new file mode 100644 index 0000000000..c7f0deb5fb --- /dev/null +++ b/files/pl/web/api/event/eventphase/index.html @@ -0,0 +1,40 @@ +--- +title: event.eventPhase +slug: Web/API/Event/eventPhase +tags: + - DOM + - Wszystkie_kategorie +translation_of: Web/API/Event/eventPhase +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Wskazuje która faza przepływu zdarzenia jest aktualnie przetwarzana.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>faza</i> = event.eventPhase +</pre> +<h3 id="Parametry" name="Parametry">Parametry</h3> +<ul> + <li><code>faza</code> to liczba o jednej z poniższych wartości:</li> +</ul> +<table class="standard-table"> + <tbody> + <tr> + <td>1</td> + <td><a href="pl/DOM/Event.CAPTURING_PHASE">CAPTURING_PHASE</a></td> + <td>faza przechwytywania</td> + </tr> + <tr> + <td>2</td> + <td><a href="pl/DOM/Event.AT_TARGET">AT_TARGET</a></td> + <td>zdarzenie przy elemencie docelowym</td> + </tr> + <tr> + <td>3</td> + <td><a href="pl/DOM/Event.BUBBLING_PHASE">BUBBLING_PHASE</a></td> + <td>faza bąbelkowania</td> + </tr> + </tbody> +</table> +<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-Event-eventPhase">eventPhase </a></p> +<p>{{ languages( { "en": "en/DOM/event.eventPhase" } ) }}</p> diff --git a/files/pl/web/api/event/index.html b/files/pl/web/api/event/index.html new file mode 100644 index 0000000000..8b5dd22105 --- /dev/null +++ b/files/pl/web/api/event/index.html @@ -0,0 +1,179 @@ +--- +title: Event +slug: Web/API/Event +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Event +--- +<p>{{ ApiRef() }}</p> + +<h3 id="Wprowadzenie" name="Wprowadzenie">Wprowadzenie</h3> + +<p>W tym rozdziale opiszemy model zdarzeń DOM Level 2 jaki implementuje Gecko. Opisany zostanie obiekt <code>event</code>, a także interfejsy do rejestrowania zdarzeń dla węzłów DOM, uchwyty i obserwatorzy zdarzeń; przedstawione zostanie też kilka dłuższych przykładów pokazujących relacje między różnymi interfejsami.</p> + +<p>Dostępny jest też doskonały <a class="external" href="https://www.w3.org/TR/DOM-Level-3-Events/#event-flow">diagram</a>, który jasno przedstawia trzy fazy przepływu zdarzeń w DOM.</p> + +<h4 id="Interfejs_DOM_event" name="Interfejs_DOM_event">Interfejs DOM event</h4> + +<p>Interfejs DOM <code>event</code> reprezentowany jest przez obiekty <code>event</code> przekazywane do uchwytów zdarzeń różnych elementów DOM. Poniższy, prosty przykład pokazuje, jak przekazać i manipulować obiektem <code>event</code> w funkcji obsługi zdarzenia.</p> + +<pre>function foo(e) { + //funkcje obsługi zdarzeń - takie jak ta + //otrzymują referencję do zdarzenia, jakie + //obsługują (w tym przypadku "e") + alert(e); +} +table_el.onclick = foo; +</pre> + +<p>Powyższy przykład jest skrajnie prosty, przedstawia jednak ważną cechę obsługi zdarzeń w Gecko DOM - obiekty <code>event</code> wykorzystywane są zwykle w funkcjach obsługi zdarzeń. Kiedy masz już referencję do obiektu <code>event</code>, możesz korzystać z wszystkich metod i własności opisanych w tym rozdziale.</p> + +<p>Zob. także <a href="pl/Dokumentacja_Gecko_DOM/Przyk%c5%82ady_u%c5%bcycia_DOM">Przykład 5: Propagowanie zdarzeń</a> w rozdziale <a href="pl/Dokumentacja_Gecko_DOM/Przyk%c5%82ady_u%c5%bcycia_DOM">Przykłady użycia DOM</a>, by zobaczyć bardziej szczegółowo, jak zdarzenia przechodzą przez DOM.</p> + +<h4 id="Uchwyty_zdarze.C5.84" name="Uchwyty_zdarze.C5.84">Uchwyty zdarzeń</h4> + +<p>Oprócz opisanego tutaj obiektu <code>event</code>, Gecko DOM dostarcza również metod do rejestrowania obserwatorów zdarzeń (ang.<em>event listener</em> ) na węzłach DOM, usuwania zdarzeń z obserwatorów oraz wywoływania zdarzeń z poziomu DOM. Te trzy metody opisano w rozdziale <a href="pl/DOM/element">Elementy w DOM</a>. Razem z <a href="pl/DOM/element#Uchwyty_zdarze.C5.84">uchwytami zdarzeń</a> elementów HTML i XML stanowią one główny punkt wyjścia dla zdarzeń w DOM.</p> + +<p>Możesz także przekazać do funkcji obsługi zdarzenia referencję do obiektu <code>event</code> poprzez predefiniowany parametr o nazwie <code>event</code>. Jest to bardzo podobne do sposobu, w jaki działa <code>this</code>, ale tyczy się obiektów zdarzeń, a nie elementów.</p> + +<pre><html> +<head> +<title>Przykład użycia parametru z obiektem event</title> + +<script type="text/javascript"> + +function showCoords(evt){ + alert( + "clientX value: " + evt.clientX + "\n" + + "clientY value: " + evt.clientY + "\n" + ); +} + +</script> +</head> + +<body onmousedown="showCoords(event)"> +<p>Kliknij gdziekolwiek na tej stronie, aby wyświetlić współrzędne położenia myszy.</p> +</body> +</html> +</pre> + +<p>Używanie predefiniowanego parametru <code>event</code> pozostawia dalej możliwość przekazywania innych parametrów do funkcji obsługującej zdarzenie, jeśli jest taka potrzeba.</p> + +<pre><html> +<head> +<title>Przykład użycia parametru z obiektem event wraz z dodatkowymi parametrami</title> + +<script type="text/javascript"> + +var par2 = 'hello'; +var par3 = 'world!'; + +function showCoords(evt, p2, p3){ + alert( + "clientX value: " + evt.clientX + "\n" + + "clientY value: " + evt.clientY + "\n" + + "p2: " + p2 + "\n" + + "p3: " + p3 + "\n" + ); +} + +</script> +</head> + +<body onmousedown="showCoords(event, par2, par3)"> +<p>Kliknij gdziekolwiek na tej stronie, aby wyświetlić współrzędne położenia myszy.</p> +</body> +</html> +</pre> + +<h3 id="W.C5.82asno.C5.9Bci" name="W.C5.82asno.C5.9Bci">Własności</h3> + +<dl> + <dt><a href="pl/DOM/event.altKey">event.altKey</a></dt> + <dd>Zwraca wartość logiczną wskazującą, czy klawisz <code><alt></code> był wciśnięty podczas zdarzenia.</dd> + <dt><a href="pl/DOM/event.bubbles">event.bubbles</a></dt> + <dd>Zwraca wartość logiczną wskazującą, czy zdarzenie bąbelkuje przez model dokumentu czy nie.</dd> + <dt><a href="pl/DOM/event.button">event.button</a></dt> + <dd>Zwraca przycisk myszy.</dd> + <dt><a href="pl/DOM/event.cancelBubble">event.cancelBubble</a></dt> + <dd>{{ Deprecated_inline() }} Zwraca wartość logiczną wskazującą, czy bąbelkowanie zdarzenia zostało anulowane czy nie.</dd> + <dt><a href="pl/DOM/event.cancelable">event.cancelable</a></dt> + <dd>Zwraca wartość logiczną wskazującą, czy zdarzenie można anulować.</dd> + <dt><a href="pl/DOM/event.charCode">event.charCode</a></dt> + <dd>Zwraca kod Unicode klawisza znaku, który został wciśnięty podczas zdarzenia <a href="pl/DOM/element.onkeypress">keypress</a>.</dd> + <dt><a href="pl/DOM/event.clientX">event.clientX</a></dt> + <dd>Zwraca poziomą pozycję zdarzenia w obszarze klienta.</dd> + <dt><a href="pl/DOM/event.clientY">event.clientY</a></dt> + <dd>Zwraca pionową pozycję zdarzenia w obszarze klienta.</dd> + <dt><a href="pl/DOM/event.ctrlKey">event.ctrlKey</a></dt> + <dd>Zwraca wartość logiczną wskazującą, czy klawisz <code><ctrl></code> był wciśnięty podczas zdarzenia.</dd> + <dt><a href="pl/DOM/event.currentTarget">event.currentTarget</a></dt> + <dd>Zwraca referencję do obecnie zarejestrowanego celu zdarzenia.</dd> + <dt><a href="pl/DOM/event.detail">event.detail</a></dt> + <dd>Zwraca szczegółową informację o zdarzeniu zależnie od jego typu.</dd> + <dt><a href="pl/DOM/event.eventPhase">event.eventPhase</a></dt> + <dd>Wskazuje która faza przepływu zdarzenia jest aktualnie przetwarzana.</dd> + <dt><a href="pl/DOM/event.isChar">event.isChar</a></dt> + <dd>Zwraca wartość logiczną oznaczającą, czy w zdarzeniu pojawił się klawisz znaku czy nie.</dd> + <dt><a href="pl/DOM/event.keyCode">event.keyCode</a></dt> + <dd>Zwraca kod Unicode dla klawisza nie będącego znakiem w zdarzeniu keypress lub dowolnego klawisza w każdym innym zdarzeniu związanym z klawiaturą.</dd> + <dt><a href="pl/DOM/event.layerX">event.layerX</a></dt> + <dd>Zwraca poziomą współrzędną miejsca, gdzie wystąpiło zdarzenie, względem bieżącej warstwy.</dd> + <dt><a href="pl/DOM/event.layerY">event.layerY</a></dt> + <dd>Zwraca pionową współrzędną miejsca, gdzie wystąpiło zdarzenie, względem bieżącej warstwy.</dd> + <dt><a href="pl/DOM/event.metaKey">event.metaKey</a></dt> + <dd>Zwraca wartość logiczną wskazującą, czy klawisz <code>meta</code> był wciśnięty podczas zdarzenia.</dd> + <dt><a href="pl/DOM/event.pageX">event.pageX</a></dt> + <dd>Zwraca poziomą współrzędną miejsca, gdzie wystąpiło zdarzenie, względem całej strony.</dd> + <dt><a href="pl/DOM/event.pageY">event.pageY</a></dt> + <dd>Zwraca pionową współrzędną miejsca, gdzie wystąpiło zdarzenie, względem całej strony.</dd> + <dt><a href="pl/DOM/event.relatedTarget">event.relatedTarget</a></dt> + <dd>Wskazuje na drugi cel zdarzenia.</dd> + <dt><a href="pl/DOM/event.screenX">event.screenX</a></dt> + <dd>Zwraca poziomą współrzędną miejsca, gdzie wystąpiło zdarzenie, względem ekranu.</dd> + <dt><a href="pl/DOM/event.screenY">event.screenY</a></dt> + <dd>Zwraca pionową współrzędną miejsca, gdzie wystąpiło zdarzenie, względem całego ekranu.</dd> + <dt><a href="pl/DOM/event.shiftKey">event.shiftKey</a></dt> + <dd>Zwraca wartość logiczną wskazującą, czy klawisz <code><shift></code> był wciśnięty podczas zdarzenia.</dd> + <dt><a href="pl/DOM/event.target">event.target</a></dt> + <dd>Zwraca referencję do elementu, do którego zdarzenie zostało pierwotnie wysłane.</dd> + <dt><a href="pl/DOM/event.timeStamp">event.timeStamp</a></dt> + <dd>Zwraca czas, kiedy o którym zdarzenie zostało utworzone.</dd> + <dt><a href="pl/DOM/event.type">event.type</a></dt> + <dd>Zwraca nazwę zdarzenia.</dd> + <dt><a href="pl/DOM/event.view">event.view</a></dt> + <dd>Wskazuje widok (<code>AbstractView</code>), w którym wygenerowane zostało zdarzenie.</dd> + <dt><a href="pl/DOM/event.which">event.which</a></dt> + <dd>Zwraca kod Unicode klawisza w zdarzeniu związanym z klawiaturą, niezależnie od tego, czy klawisz jest znakiem.</dd> +</dl> + +<h3 id="Metody" name="Metody">Metody</h3> + +<dl> + <dt><a href="pl/DOM/event.initEvent">event.initEvent</a></dt> + <dd>Metoda używana do zainicjalizowania wartości dla zdarzenia utworzonego przez interfejs <code>DocumentEvent</code>.</dd> + <dt><a href="pl/DOM/event.initKeyEvent">event.initKeyEvent</a></dt> + <dd>Inicjalizuje zdarzenie klawiatury. Gecko-specific.</dd> + <dt><a href="pl/DOM/event.initMouseEvent">event.initMouseEvent</a></dt> + <dd>Inicjalizuje zdarzenie myszy po jego utworzeniu.</dd> + <dt><a href="pl/DOM/event.initUIEvent">event.initUIEvent</a></dt> + <dd>Inicjalizuje zdarzenie interfejsu użytkownika po jego utworzeniu.</dd> + <dt><a href="pl/DOM/event.preventBubble">event.preventBubble</a></dt> + <dd>{{ Obsolete_inline() }} Zabezpiecza zdarzenie przed bąbelkowaniem. Ta metoda jest przestarzała ze względu na standard <a href="pl/DOM/event.stopPropagation">stopPropagation</a> i jest <a href="pl/Zmiany_w_Gecko_1.9_wp%c5%82ywaj%c4%85ce_na_wy%c5%9bwietlanie_stron">usunięta w Gecko 1.9</a>.</dd> + <dt><a href="pl/DOM/event.preventCapture">event.preventCapture</a></dt> + <dd>{{ Obsolete_inline() }} Ta metoda jest przestarzała ze względu na standard <a href="pl/DOM/event.stopPropagation">stopPropagation</a> i jest <a href="pl/Zmiany_w_Gecko_1.9_wp%c5%82ywaj%c4%85ce_na_wy%c5%9bwietlanie_stron">usunięta w Gecko 1.9</a>.</dd> + <dt><a href="pl/DOM/event.preventDefault">event.preventDefault</a></dt> + <dd>Anuluje zdarzenie (jeśli można je anulować).</dd> + <dt><a href="pl/DOM/event.stopPropagation">event.stopPropagation</a></dt> + <dd>Zatrzymuje dalsze propagowanie bieżącego zdarzenia w DOM.</dd> +</dl> + + + +<div class="noinclude"></div> + +<p>{{ languages( { "en": "en/DOM/event", "es": "es/DOM/event", "fr": "fr/DOM/event", "ja": "ja/DOM/event" } ) }}</p> diff --git a/files/pl/web/api/event/initevent/index.html b/files/pl/web/api/event/initevent/index.html new file mode 100644 index 0000000000..47af034ed8 --- /dev/null +++ b/files/pl/web/api/event/initevent/index.html @@ -0,0 +1,45 @@ +--- +title: event.initEvent +slug: Web/API/Event/initEvent +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Event/initEvent +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Metoda służy do zainicjalizowania zdarzenia utworzonego za pomocą <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-document">interfejsu DocumentEvent</a></p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval">event.initKeyEvent(<i>type</i>,<i>bubbles</i>,<i>cancelable</i>) +</pre> +<h3 id="Parametry" name="Parametry">Parametry</h3> +<dl> + <dt> + <code>type</code></dt> + <dd> + Typ zdarzenia.</dd> + <dt> + <code>bubbles</code></dt> + <dd> + Wartość logiczna wskazująca, czy zdarzenie ma bąbelkować czy nie (zob. <a href="pl/DOM/event.bubbles">bubbles</a>).</dd> + <dt> + <code>cancelable</code></dt> + <dd> + Wartość logiczna wskazująca, czy zdarzenie może zostać anulowane (zob. <a href="pl/DOM/event.cancelable">cancelable</a>).</dd> +</dl> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre>// utwórz zdarzenie kliknięcia, które bąbelkuje +// i nie może być anulowane +event.initEvent("click", true, false); +</pre> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p>Zdarzenia inicjalizowane w ten sposób muszą zostać utworzone za pomocą metody <a href="pl/DOM/document.createEvent">createEvent</a> interfejsu DocumentEvent. Metoda <b>initEvent</b> musi być wywołana by ustawić zdarzenie przed jego wywołaniem (za pomocą <a href="pl/DOM/element.dispatchEvent">dispatchEvent</a>).</p> +<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> +<p><a class="external" href="http://www.w3.org/TR/2001/WD-DOM-Level-3-Events-20010823/events.html#Events-Event-initEvent">initEvent</a></p> +<p> </p> +<p> </p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/event.initEvent", "es": "es/DOM/event.initEvent", "fr": "fr/DOM/event.initEvent", "ja": "ja/DOM/event.initEvent" } ) }}</p> diff --git a/files/pl/web/api/event/initmouseevent/index.html b/files/pl/web/api/event/initmouseevent/index.html new file mode 100644 index 0000000000..e9de804697 --- /dev/null +++ b/files/pl/web/api/event/initmouseevent/index.html @@ -0,0 +1,86 @@ +--- +title: event.initMouseEvent +slug: Web/API/Event/initMouseEvent +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/MouseEvent/initMouseEvent +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Inicjuje zdarzenie myszy po jego utworzeniu (za pomocą metody <a href="pl/DOM/document.createEvent">createEvent</a> interfejsu <code>DocumentEvent</code>).</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>event</i>.initMouseEvent(<i>type</i>,<i>canBubble</i>,<i>cancelable</i>,<i>view</i>,<i>detail</i>,<i>screenX</i>,<i>screenY</i>,<i>clientX</i>,<i>clientY</i>,<i>ctrlKey</i>,<i>altKey</i>,<i>shiftKey</i>,<i>metaKey</i>,<i>button</i>,<i>relatedTarget</i>); +</pre> +<dl> + <dt> + <code>type</code></dt> + <dd> + łańcuch znaków do ustawienia <a href="pl/DOM/event.type">typu</a> zdarzeń. Możliwe typy dla zdarzeń myszy: <code>click</code>, <code>mousedown</code>, <code>mouseup</code>, <code>mouseover</code>, <code>mousemove</code>, <code>mouseout</code>.</dd> + <dt> + <code>canBubble</code></dt> + <dd> + czy zdarzenie bąbelkuje. Ustawia wartość <a href="pl/DOM/event.bubbles">event.bubbles</a>.</dd> + <dt> + <code>cancelable</code></dt> + <dd> + czy domyślna akcja zdarzenia może być anulowana. Ustawia Ustawia wartość <a href="pl/DOM/event.cancelable">event.cancelable</a>.</dd> + <dt> + <code>view</code></dt> + <dd> + AbstractView zdarzenia. You should pass the <a href="pl/DOM/window">window</a> object here. Ustawia wartość <a href="pl/DOM/event.view">event.view</a>.</dd> + <dt> + <code>detail</code></dt> + <dd> + wartość licznika kliknięć myszą. Ustawia wartość <a href="pl/DOM/event.detail">event.detail</a>.</dd> + <dt> + <code>screenX</code></dt> + <dd> + współrzędna x względem ekranu. Ustawia wartość <a href="pl/DOM/event.screenX">event.screenX</a>.</dd> + <dt> + <code>screenY</code></dt> + <dd> + współrzędna y względem ekranu. Ustawia wartość <a href="pl/DOM/event.screenY">event.screenY</a>.</dd> + <dt> + <code>clientX</code></dt> + <dd> + współrzędna x w obszarze klienta. Ustawia wartość <a href="pl/DOM/event.clientX">event.clientX</a>.</dd> + <dt> + <code>clientY</code></dt> + <dd> + współrzędna y w obszarze klienta. Ustawia wartość <a href="pl/DOM/event.clientY">event.clientY</a>.</dd> + <dt> + <code>ctrlKey</code></dt> + <dd> + czy klawisz control był wciśnięty podczas zdarzenia. Ustawia wartość <a href="pl/DOM/event.ctrlKey">event.ctrlKey</a>.</dd> + <dt> + <code>altKey</code></dt> + <dd> + czy klawisz alt był wciśnięty podczas zdarzenia. Ustawia wartość <a href="pl/DOM/event.altKey">event.altKey</a>.</dd> + <dt> + <code>shiftKey</code></dt> + <dd> + czy klawisz shift był wciśnięty podczas zdarzenia. Ustawia wartość <a href="pl/DOM/event.shiftKey">event.shiftKey</a>.</dd> + <dt> + <code>metaKey</code></dt> + <dd> + czy klawisz meta był wciśnięty podczas zdarzenia. Ustawia wartość <a href="pl/DOM/event.metaKey">event.metaKey</a>.</dd> + <dt> + <code>button</code></dt> + <dd> + zdarzenie myszy <a href="pl/DOM/event.button">event.button</a>.</dd> + <dt> + <code>relatedTarget</code></dt> + <dd> + zdarzenie <a href="pl/DOM/event.relatedTarget">related EventTarget</a>. Stosowane tylko z kilkoma typami zdarzeń (np. <code>mouseover</code> i <code>mouseout</code>). W innych przypadkach, zwraca <code>null</code>.</dd> +</dl> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<p> </p> +<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> +<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Event-initMouseEvent">DOM Level 2 Events: initMouseEvent</a></p> +<p> </p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/event.initMouseEvent", "es": "es/DOM/event.initMouseEvent" } ) }}</p> diff --git a/files/pl/web/api/event/inituievent/index.html b/files/pl/web/api/event/inituievent/index.html new file mode 100644 index 0000000000..3a20fef39d --- /dev/null +++ b/files/pl/web/api/event/inituievent/index.html @@ -0,0 +1,49 @@ +--- +title: event.initUIEvent +slug: Web/API/Event/initUIEvent +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/UIEvent/initUIEvent +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Inicjalizuje utworzone wcześniej zdarzenie interfejsu użytkownika.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval">event.initUIEvent(<i>type</i>,<i>canBubble</i>,<i>cancelable</i>,<i>view</i>,<i>detail</i>) +</pre> +<h3 id="Parametry" name="Parametry">Parametry</h3> +<dl> + <dt> + <code>type</code></dt> + <dd> + typ zdarzenia</dd> + <dt> + <code>canBubble</code></dt> + <dd> + Wartość logiczna wskazująca, czy zdarzenie ma bąbelkować czy nie (zob. <a href="pl/DOM/event.bubbles">bubbles</a>).</dd> + <dt> + <code>cancelable</code></dt> + <dd> + Wartość logiczna wskazująca, czy zdarzenie może zostać anulowane (zob. <a href="pl/DOM/event.cancelable">cancelable</a>).</dd> + <dt> + <code>view</code></dt> + <dd> + widok (<a href="pl/DOM/AbstractView">AbstractView</a>) powiązany z tym zdarzeniem</dd> + <dt> + <code>detail</code></dt> + <dd> + liczba określająca szczegółową informację dla tego zdarzenia; dla zdarzeń myszy jest to liczba kliknięć w danym miejscu ekranu (zwykle 1).</dd> +</dl> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre class="eval">e = document.createEvent("UIEvents"); +// tworzy zdarzenie kliknięcia, które bąbelkuje, może być +// anulowane i którego widok i szczegółowa informacja +// to odpowiednio window i 1 +e.initUIEvent("click", true, true, window, 1); +</pre> +<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> +<p><a class="external" href="http://www.w3.org/TR/2001/WD-DOM-Level-3-Events-20010823/events.html#Events-Event-initUIEvent">initUIEvent </a></p> +<p>{{ languages( { "en": "en/DOM/event.initUIEvent" } ) }}</p> diff --git a/files/pl/web/api/event/ischar/index.html b/files/pl/web/api/event/ischar/index.html new file mode 100644 index 0000000000..fc7a7dfec9 --- /dev/null +++ b/files/pl/web/api/event/ischar/index.html @@ -0,0 +1,24 @@ +--- +title: event.isChar +slug: Web/API/Event/isChar +tags: + - DOM + - Wszystkie_kategorie +translation_of: Web/API/UIEvent/isChar +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Zwraca wartość logiczną oznaczającą, czy w zdarzeniu pojawił się klawisz znaku czy nie.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval">bool = event.isChar +</pre> +<h3 id="Example" name="Example">Example</h3> +<pre> if e.isChar + echoInput(e.type); + } +</pre> +<h3 id="Notes" name="Notes">Notes</h3> +<p>Niektórze kombinacje klawiszy mogą wywyoływać zdarzenia bez wystąpienia znaku (np. ctrl + alt). Wtedy <b>isChar</b> zwraca fałsz. <b>isChar</b> może być użyty, kiedy funkcje obsługujące zdarzenie potrzebują np. wyświetlić wprowadzony znak na ekranie.</p> +<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> +<p>Nie należy do specyfikacji.</p> +<p>{{ languages( { "en": "en/DOM/event.isChar" } ) }}</p> diff --git a/files/pl/web/api/event/keycode/index.html b/files/pl/web/api/event/keycode/index.html new file mode 100644 index 0000000000..a11c37d4b0 --- /dev/null +++ b/files/pl/web/api/event/keycode/index.html @@ -0,0 +1,23 @@ +--- +title: event.keyCode +slug: Web/API/Event/keyCode +tags: + - DOM + - Wszystkie_kategorie +translation_of: Web/API/KeyboardEvent/keyCode +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Zwraca kod Unicode dla klawisza nie będącego znakiem w zdarzeniu <a href="pl/DOM/element.onkeypress">keypress</a> lub dowolnego klawisza w każdym innym zdarzeniu związanym z klawiaturą.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval">klawisz = event.keyCode +</pre> +<h3 id="Parametry" name="Parametry">Parametry</h3> +<ul> + <li><code>klawisz</code> jest wartością kodu Unicode klawisza, który został wciśnięty w tym zdarzeniu.</li> +</ul> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p>Zobacz opis właściwości <a href="pl/DOM/event.charCode">charCode</a>.</p> +<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> +<p>Nie należy do specyfikacji. Zobacz <a href="pl/NsIDOMKeyEvent">nsIDOMKeyEvent</a>.</p> +<p>{{ languages( { "en": "en/DOM/event.keyCode" } ) }}</p> diff --git a/files/pl/web/api/event/layerx/index.html b/files/pl/web/api/event/layerx/index.html new file mode 100644 index 0000000000..5a69b4c864 --- /dev/null +++ b/files/pl/web/api/event/layerx/index.html @@ -0,0 +1,15 @@ +--- +title: event.layerX +slug: Web/API/Event/layerX +tags: + - DOM + - Wszystkie_kategorie +translation_of: Web/API/UIEvent/layerX +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Zwraca poziomą współrzędną miejsca, gdzie wystąpiło zdarzenie, względem bieżącej warstwy.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>liczba</i> = event.layerX +</pre> +<p>{{ languages( { "en": "en/DOM/event.layerX" } ) }}</p> diff --git a/files/pl/web/api/event/layery/index.html b/files/pl/web/api/event/layery/index.html new file mode 100644 index 0000000000..f610d08357 --- /dev/null +++ b/files/pl/web/api/event/layery/index.html @@ -0,0 +1,17 @@ +--- +title: event.layerY +slug: Web/API/Event/layerY +tags: + - DOM + - Wszystkie_kategorie +translation_of: Web/API/UIEvent/layerY +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Zwraca pionową współrzędną miejsca, gdzie wystąpiło zdarzenie, względem bieżącej warstwy.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>liczba</i> = event.layerY +</pre> +<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> +<p>Nie należy do specyfikacji.</p> +<p>{{ languages( { "en": "en/DOM/event.layerY" } ) }}</p> diff --git a/files/pl/web/api/event/metakey/index.html b/files/pl/web/api/event/metakey/index.html new file mode 100644 index 0000000000..a2c2758fb3 --- /dev/null +++ b/files/pl/web/api/event/metakey/index.html @@ -0,0 +1,30 @@ +--- +title: event.metaKey +slug: Web/API/Event/metaKey +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/MouseEvent/metaKey +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Zwraca wartość logiczną wskazującą, czy klawisz <meta> był wciśnięty podczas wywołania zdarzenia.</p> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre> function goInput(e) { + // sprawdza metaKey + if (e.metaKey) { + // i przekazuje zdarzenie dalej + superSizeOutput(e); + + } else { + doOutput(e); + } + } +</pre> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p>Na niekótrych platformach metaKey może obsługiwać klawisz o innej nazwie.</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-metaKey">metaKey</a></p> +<p>{{ languages( { "en": "en/DOM/event.metaKey" } ) }}</p> diff --git a/files/pl/web/api/event/pagex/index.html b/files/pl/web/api/event/pagex/index.html new file mode 100644 index 0000000000..98c3c3e1ed --- /dev/null +++ b/files/pl/web/api/event/pagex/index.html @@ -0,0 +1,17 @@ +--- +title: event.pageX +slug: Web/API/Event/pageX +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/UIEvent/pageX +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Zwraca poziomą współrzędną miejsca, gdzie wystąpiło zdarzenie, względem całej strony.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>liczba</i> = event.pageX +</pre> +<p>{{ languages( { "en": "en/DOM/event.pageX", "es": "es/DOM/event.pageX" } ) }}</p> diff --git a/files/pl/web/api/event/pagey/index.html b/files/pl/web/api/event/pagey/index.html new file mode 100644 index 0000000000..d82e2237df --- /dev/null +++ b/files/pl/web/api/event/pagey/index.html @@ -0,0 +1,15 @@ +--- +title: event.pageY +slug: Web/API/Event/pageY +tags: + - DOM + - Wszystkie_kategorie +translation_of: Web/API/UIEvent/pageY +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Zwraca pionową współrzędną miejsca, gdzie wystąpiło zdarzenie, względem całej strony.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>liczba</i> = event.pageY +</pre> +<p>{{ languages( { "en": "en/DOM/event.pageY" } ) }}</p> diff --git a/files/pl/web/api/event/relatedtarget/index.html b/files/pl/web/api/event/relatedtarget/index.html new file mode 100644 index 0000000000..c67389532a --- /dev/null +++ b/files/pl/web/api/event/relatedtarget/index.html @@ -0,0 +1,56 @@ +--- +title: event.relatedTarget +slug: Web/API/Event/relatedTarget +tags: + - DOM + - Wszystkie_kategorie +translation_of: Web/API/MouseEvent/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 > 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 && 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> diff --git a/files/pl/web/api/event/screenx/index.html b/files/pl/web/api/event/screenx/index.html new file mode 100644 index 0000000000..5bafc490da --- /dev/null +++ b/files/pl/web/api/event/screenx/index.html @@ -0,0 +1,33 @@ +--- +title: event.screenX +slug: Web/API/Event/screenX +tags: + - DOM + - Wszystkie_kategorie +translation_of: Web/API/MouseEvent/screenX +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Zwraca poziomą współrzędną miejsca, gdzie wystąpiło zdarzenie, względem całego ekranu.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>liczbaPikseli</i> = event.screenX +</pre> +<h3 id="Parametry" name="Parametry">Parametry</h3> +<ul> + <li><code>liczbaPikseli</code> to odległość od lewej strony ekranu wyrażona w pikselach.</li> +</ul> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre> function checkClickMap(e) { + if e.screenX < 50 + doRedButton(); + if 50 <= e.screenX < 100 + doYellowButton(); + if e.screenX >= 100 + doRedButton(); + } +</pre> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p>Kiedy złapiesz zdarzenie w oknie, dokumencie czy innym obszernym elemencie możesz pobrać współrzędne tego zdarzenia (np. kliknięcia) i obsłużyć je prawidłowo, tak jak pokazuje powyższy przykład.</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-screenX">screenX </a></p> +<p>{{ languages( { "en": "en/DOM/event.screenX" } ) }}</p> diff --git a/files/pl/web/api/event/screeny/index.html b/files/pl/web/api/event/screeny/index.html new file mode 100644 index 0000000000..8b59c5a5e6 --- /dev/null +++ b/files/pl/web/api/event/screeny/index.html @@ -0,0 +1,23 @@ +--- +title: event.screenY +slug: Web/API/Event/screenY +tags: + - DOM + - Wszystkie_kategorie +translation_of: Web/API/MouseEvent/screenY +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Zwraca pionową współrzędną miejsca, gdzie wystąpiło zdarzenie, względem całego ekranu.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>liczbaPikseli</i> = event.screenY +</pre> +<h3 id="Parametry" name="Parametry">Parametry</h3> +<ul> + <li><code>liczbaPikseli</code> to odległość od góry ekranu wyrażona w pikselach.</li> +</ul> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p>Kiedy złapiesz zdarzenie w oknie, dokumencie czy innym obszernym elemencie możesz pobrać współrzędne tego zdarzenia (np. kliknięcia) i obsłużyć je prawidłowo. Zobacz przykład do <a href="pl/DOM/event.screenX">screenX</a>.</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-screenY">screenY </a></p> +<p>{{ languages( { "en": "en/DOM/event.screenY" } ) }}</p> diff --git a/files/pl/web/api/event/shiftkey/index.html b/files/pl/web/api/event/shiftkey/index.html new file mode 100644 index 0000000000..1c09a012ce --- /dev/null +++ b/files/pl/web/api/event/shiftkey/index.html @@ -0,0 +1,26 @@ +--- +title: event.shiftKey +slug: Web/API/Event/shiftKey +tags: + - DOM + - Wszystkie_kategorie +translation_of: Web/API/MouseEvent/shiftKey +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Wskazuje, czy klawisz <shift> był wciśnięty przy wywołaniu zdarzenia.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval">bool = event.shiftKey +</pre> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre> function goInput(e) { + // sprawdza shiftKey + if e.shiftKey + // i przekazuje zdarzenie dalej + superSizeOutput(e); + else + doOutput(e) +</pre> +<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-shiftKey">shiftKey </a></p> +<p>{{ languages( { "en": "en/DOM/event.shiftKey" } ) }}</p> diff --git a/files/pl/web/api/event/stoppropagation/index.html b/files/pl/web/api/event/stoppropagation/index.html new file mode 100644 index 0000000000..3026d761b3 --- /dev/null +++ b/files/pl/web/api/event/stoppropagation/index.html @@ -0,0 +1,26 @@ +--- +title: event.stopPropagation +slug: Web/API/Event/stopPropagation +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Event/stopPropagation +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Przerywa dalsze propagowanie bieżącego zdarzenia.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>event</i>.stopPropagation() +</pre> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre>e.stopPropagation(); +</pre> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p><a href="pl/Dokumentacja_Gecko_DOM/Przyk%c5%82ady_u%c5%bcycia_DOM">Przykład 5: Propagowanie zdarzeń</a> w rozdziale <a href="pl/Dokumentacja_Gecko_DOM/Przyk%c5%82ady_u%c5%bcycia_DOM">Przykłady użycia DOM</a> dokładniej obrazuje użycie tej metody i propagowanie zdarzeń w DOM.</p> +<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> +<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Event-stopPropagation">DOM Level 2 Events: stopPropagation</a></p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/event.stopPropagation", "ja": "ja/DOM/event.stopPropagation" } ) }}</p> diff --git a/files/pl/web/api/event/target/index.html b/files/pl/web/api/event/target/index.html new file mode 100644 index 0000000000..b9df9f7b4f --- /dev/null +++ b/files/pl/web/api/event/target/index.html @@ -0,0 +1,27 @@ +--- +title: event.target +slug: Web/API/Event/target +tags: + - DOM + - Wszystkie_kategorie +translation_of: Web/API/Event/target +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Zwraca referencję do elementu, do którego zdarzenie zostało pierwotnie wysłane.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>referencjaDoEventTarget</i> = event.target +</pre> +<h3 id="Parametry" name="Parametry">Parametry</h3> +<ul> + <li><code>referencjaDoEventTarget</code> to referencja do obiektu EventTarget</li> +</ul> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre> d = document.getElementById("d1"); + if e.target != d + resetGame(); + // nie nasze zdarzenie +</pre> +<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-Event-target">target</a></p> +<p>{{ languages( { "en": "en/DOM/event.target" } ) }}</p> diff --git a/files/pl/web/api/event/timestamp/index.html b/files/pl/web/api/event/timestamp/index.html new file mode 100644 index 0000000000..daead28251 --- /dev/null +++ b/files/pl/web/api/event/timestamp/index.html @@ -0,0 +1,47 @@ +--- +title: event.timeStamp +slug: Web/API/Event/timeStamp +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Event/timeStamp +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Zwraca czas (w milisekundach od momentu Epoch), kiedy zdarzenie zostało utworzone.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>number</i> = event.timeStamp +</pre> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre><html> +<head> + +<title>Przykład timeStamp</title> + +<script type="text/javascript"> +var curr_time = null; + +function getTime(evt) { + curr_time = evt.timeStamp; + document.getElementById("time").firstChild.nodeValue = curr_time; +} +</script> +</head> + +<body onkeypress="getTime(event)"> + +<p>Naciśnij jakikolwiek klawisz, aby pobrać aktualny timestamp +dla zdarzenia onkeypress.</p> +<p>timeStamp: <span id="time">-</span></p> + +</body> +</html> +</pre> +<p> </p> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p>Ta własność działa tylko wtedy, gdy system obsługuje ją dla danego zdarzenia.</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-Event-timeStamp">timestamp</a></p> +<p>{{ languages( { "en": "en/DOM/event.timeStamp" } ) }}</p> diff --git a/files/pl/web/api/event/type/index.html b/files/pl/web/api/event/type/index.html new file mode 100644 index 0000000000..dfc2875af1 --- /dev/null +++ b/files/pl/web/api/event/type/index.html @@ -0,0 +1,19 @@ +--- +title: event.type +slug: Web/API/Event/type +tags: + - DOM + - Wszystkie_kategorie +translation_of: Web/API/Event/type +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Zwraca nazwę zdarzenia (niewrażliwe na wielkość znaków).</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>string</i> = event.type +</pre> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p><code>type</code> jest <a class="external" href="http://www.w3.org/TR/1998/REC-xml-19980210#NT-Name">nazwą XML-ową</a>.</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-Event-type">type</a></p> +<p>{{ languages( { "en": "en/DOM/event.type" } ) }}</p> diff --git a/files/pl/web/api/event/view/index.html b/files/pl/web/api/event/view/index.html new file mode 100644 index 0000000000..57af70a587 --- /dev/null +++ b/files/pl/web/api/event/view/index.html @@ -0,0 +1,23 @@ +--- +title: event.view +slug: Web/API/Event/view +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/UIEvent/view +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Atrybut <b>view</b> identyfikuje widok (interfejs AbstractView), w którym wygenerowane zostało zdarzenie.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>referencjaDoAbstractView</i> = event.view +</pre> +<h3 id="Parametry" name="Parametry">Parametry</h3> +<ul> + <li><code>referencjaDoAbstractView</code> to rerefencja do obiektu AbstractView.</li> +</ul> +<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-UIEvent-view">view</a></p> +<p>{{ languages( { "en": "en/DOM/event.view" } ) }}</p> |