---
title: document.createEvent
slug: Web/API/Document/createEvent
tags:
  - DOM
  - Dokumentacja_Gecko_DOM
  - Gecko
  - Wszystkie_kategorie
translation_of: Web/API/Document/createEvent
---
<p>{{ ApiRef() }}</p>
<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3>
<p>Tworzy obiekt obsługi <a href="pl/DOM/event">zdarzenia</a> o określonym typie. Utworzony obiekt powinien zostać najpierw zainicjalizowany, a następnie przekazany do metody <a href="pl/DOM/element.dispatchEvent">dispatchEvent</a> elementu.</p>
<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3>
<pre class="eval"><i>var zdarzenie</i> =<i>document</i>.createEvent(<i>typ);</i>
</pre>
<ul>
 <li><code>zdarzenie</code> to utworzony obiekt <a href="pl/DOM/event">Event</a>.</li>
 <li><code>typ</code> to ciąg oznaczający typ tworzonego zdarzenia. Możliwe typy to m.in.: <code>"UIEvents"</code>, <code>"MouseEvents"</code>, <code>"MutationEvents"</code>, i <code>"HTMLEvents"</code>. Zob. {{ Anch("Uwagi") }}.</li>
</ul>
<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3>
<p><a href="/pl/docs/DOM/dispatchEvent_-_przyk%C5%82ad" title="/pl/docs/DOM/dispatchEvent_-_przyk%C5%82ad">dispatchEvent - przykład [pl]</a></p>
<h3 id="Uwagi" name="Uwagi">Uwagi</h3>
<p>Nazwy typów zdarzeń, które można przekazać do <code>createEvent</code> określane są przez
 <i>
  moduły zdarzeń</i>
 . Niektóre moduły zdarzeń zdefiniowane są w specyfikacjach DOM Events, niektóre moduły w innych specyfikacjach (jak np. SVG), a pewne typy zdarzeń są specyficzne dla Gecko.</p>
<p>Szczegóły znajdziesz w poniższej tabeli.</p>
<table class="fullwidth-table">
 <tbody>
  <tr>
   <th>Moduł zdarzeń</th>
   <th>Typ do przekazania w <code>createEvent</code></th>
   <th>Metoda używana do inicjalizacji zdarzenia</th>
  </tr>
  <tr style="background-color: #eee;">
   <td colspan="3"><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-eventgroupings">DOM Level 2 Events</a></td>
  </tr>
  <tr>
   <td>Moduł zdarzeń interfejsu użytkownika</td>
   <td><code>"UIEvents"</code></td>
   <td><a href="pl/DOM/event.initUIEvent">event.initUIEvent</a></td>
  </tr>
  <tr>
   <td>Moduł zdarzeń myszy</td>
   <td><code>"MouseEvents"</code></td>
   <td><a href="pl/DOM/event.initMouseEvent">event.initMouseEvent</a></td>
  </tr>
  <tr>
   <td>Moduł zdarzeń mutacji</td>
   <td><code>"MutationEvents"</code></td>
   <td><a href="pl/DOM/event.initMutationEvent">event.initMutationEvent</a></td>
  </tr>
  <tr>
   <td>Moduł zdarzeń HTML</td>
   <td><code>"HTMLEvents"</code></td>
   <td><a href="pl/DOM/event.initEvent">event.initEvent</a></td>
  </tr>
  <tr style="background-color: #eee;">
   <td colspan="3"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/events.html#Events-eventgroupings">DOM Level 3 Events</a></td>
  </tr>
  <tr>
   <td>Moduł zdarzeń interfejsu użytkownika</td>
   <td><code>"UIEvent"</code>, <code>"UIEvents"</code></td>
   <td><a href="pl/DOM/event.initUIEvent">event.initUIEvent</a></td>
  </tr>
  <tr>
   <td>Moduł zdarzeń myszy</td>
   <td><code>"MouseEvent"</code>, <code>"MouseEvents"</code></td>
   <td><a href="pl/DOM/event.initMouseEvent">event.initMouseEvent</a></td>
  </tr>
  <tr>
   <td>Moduł zdarzeń mutacji</td>
   <td><code>"MutationEvent"</code>, <code>"MutationEvents"</code></td>
   <td><a href="pl/DOM/event.initMutationEvent">event.initMutationEvent</a></td>
  </tr>
  <tr>
   <td>Moduł zdarzeń mutacji nazw (nie zaimplementowany przez Gecko - czerwiec 2006)</td>
   <td><code>"MutationNameEvent"</code></td>
   <td><a href="pl/DOM/event.initMutationNameEvent">event.initMutationNameEvent</a></td>
  </tr>
  <tr>
   <td>Moduł zdarzeń tekstowych</td>
   <td><code>"TextEvent"</code> (Gecko obsługuje też <code>"TextEvents"</code>)</td>
   <td><a href="pl/DOM/event.initTextEvent">event.initTextEvent</a></td>
  </tr>
  <tr>
   <td>Moduł zdarzeń klawiatury</td>
   <td><code>"KeyboardEvent"</code> (Gecko obsługuje też <code>"KeyEvents"</code>)</td>
   <td><a href="pl/DOM/event.initKeyboardEvent">event.initKeyboardEvent</a></td>
  </tr>
  <tr>
   <td>Moduł podstawowych zdarzeń</td>
   <td><code>"Event"</code> (Gecko obsługuje też <code>"Events"</code>)</td>
   <td><a href="pl/DOM/event.initEvent">event.initEvent</a></td>
  </tr>
  <tr style="background-color: #eee;">
   <td colspan="3"><a class="external" href="http://www.w3.org/TR/SVG/script.html#DOMInterfaces">SVG 1.1 Scripting</a></td>
  </tr>
  <tr>
   <td rowspan="2">SVG</td>
   <td><code>"SVGEvents"</code> (Gecko obsługuje też <code>"SVGEvent"</code>)</td>
   <td><a href="pl/DOM/event.initEvent">event.initEvent</a></td>
  </tr>
  <tr>
   <td><code>"SVGZoomEvents"</code> (Gecko obsługuje też <code>"SVGZoomEvent"</code>)</td>
   <td><a href="pl/DOM/event.initUIEvent">event.initUIEvent</a></td>
  </tr>
  <tr style="background-color: #eee;">
   <td colspan="3">Inne typy zdarzeń obsługiwane przez Gecko <span class="comment">Gecko-related information is taken from nsEventDispatcher::CreateEvent code - see lxr.m.o</span></td>
  </tr>
  <tr>
   <td rowspan="3">-</td>
   <td><code>"MouseScrollEvents"</code>, <code>"PopupEvents"</code></td>
   <td><a href="pl/DOM/event.initMouseEvent">event.initMouseEvent</a></td>
  </tr>
  <tr>
   <td><code>"PopupBlockedEvents"</code></td>
   <td><a href="pl/DOM/event.initPopupBlockedEvent">event.initPopupBlockedEvent</a></td>
  </tr>
  <tr>
   <td><code>"XULCommandEvent"</code>, <code>"XULCommandEvents"</code></td>
   <td><a href="pl/DOM/event.initCommandEvent">event.initCommandEvent</a></td>
  </tr>
 </tbody>
</table>
<p>Niektóre zdarzenia mogą być tworzone przy użyciu dwóch nazw typów, ponieważ w specyfikacji DOM Level 3 Events zmieniono nazwy z liczby mnogiej na pojedynczą, pozostawiając nazwy w liczbie mnogiej dla zgodności wstecznej.</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-DocumentEvent-createEvent">DOM Level 2 Events: createEvent</a></p>
<p><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/events.html#Events-DocumentEvent-createEvent">DOM Level 3 Events: createEvent</a></p>
<p> </p>
<div class="noinclude">
  </div>
<p>{{ languages( { "en": "en/DOM/document.createEvent", "es": "es/DOM/document.createEvent", "ja": "ja/DOM/document.createEvent" } ) }}</p>