Zdarzenia interfejsu użytkownika JavaScript

Pani Alicja Szafrański
Zdarzenia interfejsu użytkownika JavaScript
Wydarzenia JavaScript są zdefiniowane jako interakcja między JavaScript i HTML. Zdarzenia występują za każdym razem, gdy strona internetowa jest manipulowana przez użytkownika lub przeglądarkę. Dokument Model Object (DOM) Wersja 3 składa się z zdarzeń JavaScript i są one częścią prawie wszystkich elementów HTML i mogą aktywować kod JavaScript. Kliknięcie przycisku, naciśnięcie klawisza, maksymalizacja okna itp. Są uważane za zdarzenie. Istnieją różne rodzaje zdarzeń JavaScript, jednak w tym samouczku omówimy konkretnie zdarzenia interfejsu użytkownika JavaScript.

Zdarzenia interfejsu użytkownika JavaScript

Zdarzenia, które występują za pośrednictwem interfejsu użytkownika, nazywane są zdarzeniami interfejsu użytkownika i należą do obiektu UIEVENT. Istnieją różne rodzaje zdarzeń, które należą do kategorii zdarzeń interfejsu użytkownika JavaScript.

Zdarzenia interfejsu użytkownika JavaScript są następujące.

  1. Wydarzenie Onabort
  2. zdarzenie ONBEFOROUND
  3. Wydarzenie Oneerror
  4. zdarzenie onload
  5. Wydarzenie onreSize
  6. wydarzenie Onscroll
  7. zdarzenie onselect
  8. zdarzenie onunload

Każde z wyżej wymienionych wydarzeń omówiono poniżej.

Wydarzenie Onabort

Kiedy przerwał się ładowanie/pobieranie mediów i.mi. audio/wideo, zdarzenie Onabort zdarza się. Jednak nie zdarzy się to z powodu jakiegokolwiek błędu. Nie bąbelkuje i nie można go anulować. Obsługuje znaczniki i HTML i jest zawarte na poziomie 3.

Składnia

Składnia zdarzenia onbabort jest następująca.

Składnia HTML

Składnia JavaScript

obiekt.OnaBort = function () script;

Składnia JavaScript addEventListener ()

obiekt.addEventListener („abort”, skrypt);

Przykład

var wideo = dokument.getElementById („myvideo”);
wideo.OnaBort = function ()
alarm („załadowanie przerwy”);
;

zdarzenie ONBEFOROUND

Kiedy masz zamiar rozładować dokument, zdarzenie onBeForenload zachodzi. W wyniku tego wydarzenia pojawia się okno dialogowe potwierdzenia, które pyta, czy chcesz pozostać na stronie, czy go zostawić. Nie bańki, ale można go anulować. Obsługuje znacznik HTML i jest zawarty na poziomie DOM 2.

Składnia:

Składnia zdarzenia onBeforenload jest następująca.

Składnia HTML:

Składnia JavaScript:

obiekt.onBeForeUnload = function () script;

JavaScript addEventListener () Składnia:

obiekt.addEventListener („przednload”, skrypt);

Przykład




Kliknij w link poniżej


Kliknij, aby odwiedzić Google


W tym przykładzie kliknij link, a następnie przed nawigacją do Google.com, pole alertu pojawią się, jak pokazano na zrzucie ekranu podłączonym poniżej.

Wyjście

Wydarzenie Oneerror

Jeśli błąd wystąpi podczas ładowania pliku zewnętrznego, takiego jak dokument lub obraz, zdarzenie OneRror następuje. Nie bąbelkuje i nie można go anulować. Obsługuje ,, i tagi HTML i jest zawarte na poziomie DOM 2.

Składnia:

Składnia zdarzenia Oneerror jest następująca.

Składnia HTML:

Składnia JavaScript:

obiekt.onerror = function () script;

JavaScript addEventListener () Składnia:

obiekt.addEventListener („błąd”, skrypt);

Przykład







Wyjście

zdarzenie onload

Po załadowaniu obiektu występuje zdarzenie włączenia. Zdarzenie Onload wykorzystuje informacje dotyczące przeglądarki użytkownika do załadowania odpowiedniej wersji stron internetowych. Ponadto może obsługiwać pliki cookie na stronie internetowej, nie bańki i nie można go anulować. To obsługuje , ,