JavaScript brukergrensesnitthendelser

Mathias Halvorsen
JavaScript brukergrensesnitthendelser
JavaScript -hendelser er definert som samspillet mellom JavaScript og HTML. Hendelser skjer hver gang websiden blir manipulert av brukeren eller nettleseren. Document Object Model (DOM) versjon 3 består av JavaScript -hendelser, og disse er en del av nesten alle HTML -elementer og kan aktivere JavaScript -kode. Å klikke på en knapp, trykke på en tast, maksimere et vindu osv. Det er forskjellige typer JavaScript -hendelser, men vi vil spesifikt diskutere JavaScript brukergrensesnitthendelser i denne opplæringen.

JavaScript brukergrensesnitthendelser

Hendelser som skjer gjennom brukergrensesnittet kalles brukergrensesnitthendelser og tilhører Uievent -objektet. Det er forskjellige typer hendelser som faller inn under kategorien JavaScript brukergrensesnitthendelser.

Javascript -brukergrensesnitthendelsene er som følger.

  1. Onabort -arrangement
  2. Onbeforeunload -arrangementet
  3. Onerror -arrangement
  4. Onload -arrangement
  5. OnResize -arrangement
  6. Onscroll -arrangement
  7. Onselect -arrangement
  8. Onunload -arrangement

Hver av de ovennevnte hendelsene er diskutert nedenfor.

Onabort -arrangement

Når du aborterer lasting/nedlasting av et media i.e. lyd/video, Onabort -hendelsen skjer. Det skjer imidlertid ikke på grunn av noen feil. Det boble ikke, og ingen av dem kan kanselleres. Den støtter og HTML -kodene og er inkludert i DOM -nivå 3.

Syntaks

Syntaks av OnBabort -hendelsen er som følger.

HTML -syntaks

JavaScript -syntaks

gjenstand.onABort = funksjon () script;

JavaScript AddEventListener () Syntaks

gjenstand.AddEventListener ("Abort", manus);

Eksempel

var video = dokument.getElementById ("myVideo");
video.onABort = funksjon ()
Varsel ("Lasting avbrutt");
;

Onbeforeunload -arrangementet

Når du er i ferd med å losse et dokument, skjer OnBeforUnload -hendelsen. Som et resultat av denne hendelsen vises en bekreftelsesdialogboks som spør deg om du vil være på siden eller la den være. Det boble ikke, men det kan kanselleres. Den støtter HTML -taggen og er inkludert i DOM -nivå 2.

Syntaks:

Syntaks av OnBeforeUnload -hendelsen er som følger.

HTML SYNTAX:

JavaScript Syntax:

gjenstand.OnBeforeUnload = funksjon () script;

JavaScript AddEventListener () Syntaks:

gjenstand.AddEventListener ("Beforeunload", manus);

Eksempel




Klikk på lenken nedenfor


Klikk for å besøke Google


I dette eksemplet, når vi klikker på lenken, deretter før navigasjon til Google.com, en varslingsboks vil vises som demonstrert i skjermbildet vedlagt nedenfor.

Produksjon

Onerror -arrangement

Hvis det oppstår en feil når du laster inn en ekstern fil som et dokument eller et bilde, oppstår Onerror -hendelsen. Det boble ikke, og ingen av dem kan kanselleres. Den støtter ,,, og HTML -tagger og er inkludert i DOM -nivå 2.

Syntaks:

Syntaks av OnError -hendelsen er som følger.

HTML SYNTAX:

JavaScript Syntax:

gjenstand.onError = funksjon () script;

JavaScript AddEventListener () Syntaks:

gjenstand.AddEventListener ("Feil", skript);

Eksempel







Produksjon

Onload -arrangement

Når du laster inn et objekt, oppstår onload -hendelsen. Onload -hendelsen bruker informasjonen om brukerleseren for å laste inn en passende versjon av websider. Den kan håndtere informasjonskapsler på nettet, dessuten boble ikke og kan verken kanselleres. Det støtter , ,