Sådan bruges JavaScriptâ € s begivenhed objekt til program med HTML

Enhver event handler i JavaScript kan modtage en begivenhed objekt, som beskriver hændelsen. Selv når du programmering tildele en event handler til en begivenhed, den event handler stadig har adgang til begivenheden objektet. Objektet begivenhed kan fortælle dig en række ting om programmet. Det giver adgang til konstanter, egenskaber og metoder.

De tre konstanter behandle hvordan din ansøgning arbejder med en bestemt browser. Når to elementer, en forælder og et barn, både rettet mod de samme event handler, skal browseren vælge hvilket element skal serviceres af event handler først. Der er to helt forskellige strategier for at udføre denne opgave: at indfange og boblende.

Strategien, at din ansøgning ser, afhænger af browseren youâ € re at arbejde med. En diskussion af detaljerne i disse strategier er kompliceret, og du bør skrive din kode uden enhver tanke om et bestemt element-behandling orden i tankerne. Check her for at læse mere om disse strategier.

Følgende liste beskriver de begivenheder objekt konstanter:

  • CAPTURING_PHASE: Browseren bruger optagelse metode, og det overordnede element er serviceret først.
  • AT_TARGET: Den aktuelle begivenhed bliver serviceret af event handler. Denne konstante gælder for alle browsere uanset hvilken strategi browseren gælder.
  • BUBBLING_PHASE: Browseren bruger boblende metode, hvor barnet element er serviceret først.

De egenskaber, som Event objektet giver kan fortælle dig nogle interessante fakta om begivenheden, såsom hvilket element der ringer, og når det kaldes event handler. På opdagelse oplysninger om de elementer, der har kaldt hændelseshandler kan hjælpe event handler give en bedre behandling. Følgende liste beskriver de egenskaber knyttet til begivenhed objekt:

  • bobler: Returnerer true hvis thereâ € sa boblende begivenhed finder sted.
  • cancelable: Returnerer true, når ansøgningen kan annullere en begivenhed, således at dens standardhandling canâ € t forekomme. Der er mange grunde til at annullere en begivenhed, men de fleste af dem involverer fejltilstande af en slags. For eksempel kan en bruger ikke indtaster data korrekt, så at indberette data vil resultere i en fejl, og programmet kan annullere indsendelse.
  • currentTarget: Giver adgang til et objekt, der definerer det element, der kaldes event handler. I dette tilfælde er fokus på begivenheden lyttere i stedet for direkte på elementet.
  • eventPhase: den aktuelle begivenhed fase som en numerisk værdi Angiver. Du bruger begivenhed objekt konstanter til at udføre en sammenligning i dette tilfælde.
  • Mål: Giver adgang til et objekt, der definerer det element, der kaldes event handler. I dette tilfælde er fokus direkte på elementet i stedet alle omstændigheder lyttere forbundet med det.
  • tidsstempel: Definerer det tidspunkt, hvor den begivenhed fandt sted i millisekunder. Du skal bruge en af ​​Date objekt metoder til at konvertere outputtet af denne egenskab i en menneskelig form.

    Selvom standarden siger, at tidsstemplet skal indeholde antallet af millisekunder siden 1. januar 1970 mange browsere giver andre værdier, såsom antallet af millisekunder siden browseren startede. Derfor canâ du € t bruge denne værdi til at opnå et bestemt tidspunkt, medmindre browser og platform understøtter denne funktion. Men du kan altid bruge denne egenskab til at bestemme tiden mellem begivenheder.
  • seværdighed: Giver navnet på begivenheden. For eksempel, hvis brugeren klikker på en knap, og onclick lytteren kalder event handler, ser du klikker som output.

Arrangementet objekt metoder tendens til at ændre den måde, hvorpå ansøgningen behandler begivenheden. For eksempel kan en applikation vælge at aflyse et arrangement, hvis betingelserne for at gennemføre det er uacceptable. Følgende liste beskriver hver af begivenheden objekt metoder mere detaljeret:

  • initEvent (): Definerer detaljerne om en begivenhed:
    • Hændelsestype
    • Den begivenhedens € s evne til at boble
    • Om ansøgningen kan annullere begivenhedens standardhandlingen
  • preventDefault (): Annullerer begivenhedens € s standard handling. Med andre ord wonâ de handlinger, der normalt finder sted som standard € t finde sted.
  • stopPropagation (): Stopper videreformering af begivenheden. Generelt betyder det, at ansøgningen wonâ € t kalde yderligere hændelseshandlere. Du kan bruge denne funktion, når en event handler har besvaret alle de begivenhedens € s behov og thereâ € s ikke yderligere behandling, som kræves.

© 2020 Zajacperrone.com | Contact us: webmaster# zajacperrone.com