Najlepszy samouczek HTML DOM obiekt zdarzenia W 2024 r. W tym samouczku możesz dowiedzieć się
Impreza HTML DOM,Impreza HTML DOM,zdarzenia myszy,zdarzenia klawiaturowe,Rama / Obiekt zdarzenia (Rama / Object),Forma wydarzenia,zdarzenia Schowek,Wydruk zdarzeń,drag wydarzenie,Multimedia (Media) Wydarzenie,wydarzenia Animacja,impreza Transition,Inne wydarzenia,obiekty zdarzeń,Docelowy obiekt zdarzenia,Obiekt zdarzenia Listener,Document Object Event,Mysz / klawiatura obiekt zdarzenia,
HTML DOM obiekt zdarzenia
Impreza HTML DOM
Impreza HTML DOM pozwala Javascript zarejestrować różnych programów obsługi zdarzeń w elemencie dokumentu HTML.
Zdarzenia często używane w połączeniu z funkcją, funkcja nie zostanie wykonane przed wystąpieniem zdarzenia! (Takich jak użytkownik kliknie przycisk).
Wskazówka: standardowym modelem wydarzeniem w W3C DOM Level 2 imprezy.
Impreza HTML DOM
DOM: atrybut DOM wskazuje poziom obsługi.
zdarzenia myszy
nieruchomość | opis | DOM |
---|
onclick | Zdarzenie wywoływane, gdy użytkownik kliknie na uchwyt obiektu. | 2 |
oncontextmenu | Uruchamia się, gdy użytkownik kliknie prawym przyciskiem myszy, aby otworzyć menu kontekstowe | |
ondblclick | Zdarzenie wywoływane, gdy użytkownik kliknie dwukrotnie uchwyt obiektu. | 2 |
onmousedown | przycisk myszy jest naciśnięty. | 2 |
onmouseenter | Pożary, gdy wskaźnik myszy przesuwa się elementów. | 2 |
onmouseleave | Gdy wskaźnik myszy porusza się z elementu wyzwalającego | 2 |
onmousemove | Mysz jest przesuwana. | 2 |
onmouseover | Mysz nad elementem. | 2 |
onmouseout | Mysz z dala od elementu. | 2 |
onmouseup | Przycisk myszy zostanie zwolniony. | 2 |
zdarzenia klawiaturowe
Rama / Obiekt zdarzenia (Rama / Object)
Forma wydarzenia
zdarzenia Schowek
nieruchomość | opis | DOM |
---|
oncopy | Zdarzenie jest wywoływane, gdy użytkownik kopiuje Zawartość elementu | |
oncut | Zdarzenie jest wywoływane, gdy zawartość elementu ścinania użytkownika | |
onpaste | Zdarzenie jest wywoływane, gdy użytkownik wkleić zawartość pierwiastka | |
Wydruk zdarzeń
nieruchomość | opis | DOM |
---|
onafterprint | Impreza już się rozpoczęła wyzwalanie drukowania strony lub wydrukować okno jest już zamknięte | |
onbeforeprint | Zdarzenie jest wywoływane, gdy strona ma zamiar rozpocząć drukowanie | |
drag wydarzenie
wydarzenie | opis | DOM |
---|
ondrag | Zdarzenie jest wywoływane, gdy element jest przeciągany | |
ondragend | Zdarzenie jest wywoływane, gdy użytkownik przeciąga elementy, aby zakończyć | |
ondragenter | To zdarzenie jest wywoływane, gdy przeciągany element do docelowego upuszczania | |
ondragleave | To zdarzenie jest wywoływane, gdy element przeciągnij, aby zostawić miejsce docelowe upuszczenia | |
onDragOver | Zdarzenie uruchamiane jest, gdy obiekt jest umieszczony na elemencie przeciągania | |
ondragstart | Zdarzenie jest wywoływane, gdy użytkownik rozpoczyna przeciąganie elementów | |
ondrop | To zdarzenie jest uruchamiane wtedy, gdy element przeciągania umieszczony jest w obszarze docelowym | |
Multimedia (Media) Wydarzenie
wydarzenie | opis | DOM |
---|
onabort | Zdarzenie wideo / audio (audio / wideo), aby zakończyć spust podczas ładowania. | |
oncanplay | Gdy zdarzenie jest wyzwalane w użytkownik może rozpocząć odtwarzanie wideo / audio (audio / video). | |
oncanplaythrough | zdarzenie wyzwalające może grać w normalnym audio / video (audio / wideo) i bez przerwy i bufora. | |
ondurationchange | / Audio (Audio / Video) zmiana Czas wyzwalania wideo zdarzeń. | |
onemptied | Lista wyzwalania jest pusta, aktywny gracz | |
onended | Pod koniec gry w wyzwalania zdarzeń audio / video (audio / video). | |
onerror | Zdarzenie wywoływane w przypadku wystąpienia błędu podczas audio / video (audio / wideo) dane są ładowane. | |
onloadeddata | Zdarzenie w przeglądarce, aby załadować wideo / audio (Audio / Video) wyzwalania bieżącą klatkę. | |
onloadedmetadata | metadane zdarzenie określone wideo / audio (Audio / Video) spust po załadunku. | |
onloadstart | Zdarzenie w przeglądarce, aby zacząć szukać określono / audio (audio / wideo) spust wideo. | |
OnPause | zdarzenie wyzwalające w audio / video (audio / wideo) Pauza. | |
onplay | Po wystąpieniu zdarzenia, aby rozpocząć odtwarzanie wideo / audio (Audio / Video). | |
onplaying | Zdarzenie wideo / audio (audio / wideo) Pauza buforowania lub po wyzwoleniu, kiedy rozpocząć grę ponownie. | |
onProgress | Zdarzenie wyzwalania (audio / video) określony w przeglądarce, aby pobrać audio / video. | |
onratechange | Zdarzenie change wyzwalania podczas wysyłania wideo / audio (Audio / Video) prędkość odtwarzania. | |
onseeked | W przypadku, gdy użytkownik może zmienić pozycję audio / video (audio / wideo) pozycja odtwarzania wyzwolone. | |
onseeking | Pożary, gdy użytkownik zacznie położenie zdarzenia wideo / audio (Audio / Video). | |
onstalled | Pobierz dane wydarzenie medialne w przeglądarce, ale dane media nie jest dostępna, gdy uruchomiony. | |
onsuspend | Zdarzenie spowodowało zawieszenie danych multimedialnych w przeglądarce, aby czytać. | |
ontimeupdate | Zdarzenie wywoływane, gdy bieżąca pozycja odtwarzania wysłać zmiany. | |
onvolumechange | Zdarzenie wywoływane, gdy zmiana głośności. | |
onwaiting | jest wymagane Ponieważ zdarzenie jest wywoływane, gdy film, który chcesz odtworzyć następny bufor ramki. | |
wydarzenia Animacja
wydarzenie | opis | DOM |
---|
animationend | To zdarzenie jest wywoływane, gdy zakończy się odtwarzanie animacji CSS | |
animationiteration | To zdarzenie jest wywoływane, gdy powtarzamy animacje CSS | |
animationstart | To zdarzenie jest wywoływane, gdy rozpocznie się odtwarzanie animacji CSS | |
impreza Transition
wydarzenie | opis | DOM |
---|
transitionend | Zdarzenie jest wywoływane po CSS, aby zakończyć przejście. | |
Inne wydarzenia
wydarzenie | opis | DOM |
---|
onmessage | Kiedy zdarzenie jest wywoływane przez lub z obiektu (websocket, pracownik internetowej, źródło zdarzenia lub ramy pomocniczej lub okna nadrzędnego) otrzymuje wiadomość | |
onMouseWheel | Nieaktualny. Użyj onwheel namiastkę zdarzeń | |
ononline | To zdarzenie jest wywoływane, gdy przeglądarka do pracy w Internecie. | |
onoffline | To zdarzenie jest wywoływane, gdy przeglądarka ma zacząć pracę w trybie offline. | |
onpopstate | To zdarzenie jest wywoływane, gdy historia przeglądania (obiekty Historia) zmian okiennych. | |
onshow | Przypadku, gdy <menu> Element jest wyświetlany w menu podręcznym spuście | |
onstorage | To zdarzenie jest wywoływane, gdy Web Storage (HTML 5 Web Store) Aktualizacja | |
ontoggle | Zdarzenie jest wywoływane, gdy użytkownik otwiera lub zamyka <szczegóły> Element | |
onwheel | To zdarzenie jest wywoływane, gdy kółko myszy do przewijania w górę iw dół w elemencie | |
obiekty zdarzeń
stały
静态变量 |
描述 |
DOM |
CAPTURING-PHASE |
当前事件阶段为捕获阶段(3) |
1 |
AT-TARGET |
当前事件是目标阶段,在评估目标事件(1) |
2 |
BUBBLING-PHASE |
当前的事件为冒泡阶段 (2) |
3 |
nieruchomość
nieruchomość | opis | DOM |
---|
pęcherzyki | Zwraca wartość logiczną wskazującą, czy zdarzenie jest typ zdarzenia bulgotanie. | 2 |
anulować | Zwraca wartość logiczną wskazującą, czy zdarzenie można anulować pro domyślna akcja. | 2 |
currentTarget | Zwraca jego detektory zdarzeń wyzwalane element zdarzeń. | 2 |
eventPhase | Zwraca aktualny etap rozprzestrzeniania zdarzenia. | 2 |
cel | Zwraca element, który wywołał to zdarzenie (węzła docelowego zdarzenia). | 2 |
timeStamp | Zwraca datę i godzinę zdarzenia wygenerowane. | 2 |
typ | Zwraca nazwę bieżącego zdarzenia obiekt Event reprezentuje. | 2 |
sposób
方法 |
描述 |
DOM |
initEvent() |
初始化新创建的 Event 对象的属性。 |
2 |
preventDefault() |
通知浏览器不要执行与事件关联的默认动作。 |
2 |
stopPropagation() |
不再派发事件。 |
2 |
Docelowy obiekt zdarzenia
sposób
方法 |
描述 |
DOM |
addEventListener() |
允许在目标事件中注册监听事件(IE8
= attachEvent()) |
2 |
dispatchEvent() |
允许发送事件到监听器上 (IE8 =
fireEvent()) |
2 |
removeEventListener() |
运行一次注册在事件目标上的监听事件(IE8 =
detachEvent()) |
2 |
Obiekt zdarzenia Listener
sposób
方法 |
描述 |
DOM |
handleEvent() |
把任意对象注册为事件处理程序 |
2 |
Document Object Event
sposób
方法 |
描述 |
DOM |
createEvent() |
|
2 |
Mysz / klawiatura obiekt zdarzenia
nieruchomość
属性 |
描述 |
DOM |
altKey |
返回当事件被触发时,"ALT" 是否被按下。 |
2 |
button |
返回当事件被触发时,哪个鼠标按钮被点击。 |
2 |
clientX |
返回当事件被触发时,鼠标指针的水平坐标。 |
2 |
clientY |
返回当事件被触发时,鼠标指针的垂直坐标。 |
2 |
ctrlKey |
返回当事件被触发时,"CTRL" 键是否被按下。 |
2 |
Location |
返回按键在设备上的位置 |
3 |
charCode | 返回onkeypress事件触发键值的字母代码。 | 2 |
key | 在按下按键时返回按键的标识符。 | 3 |
keyCode | 返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。 | 2 |
which | 返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。 | 2 |
metaKey |
返回当事件被触发时,"meta" 键是否被按下。 |
2 |
relatedTarget |
返回与事件的目标节点相关的节点。 |
2 |
screenX |
返回当某个事件被触发时,鼠标指针的水平坐标。 |
2 |
screenY |
返回当某个事件被触发时,鼠标指针的垂直坐标。 |
2 |
shiftKey |
返回当事件被触发时,"SHIFT" 键是否被按下。 |
2 |
sposób
方法 |
描述 |
W3C |
initMouseEvent() |
初始化鼠标事件对象的值 |
2 |
initKeyboardEvent() |
初始化键盘事件对象的值 |
3 |