Mehrere Konzepte von Javascript-bezogenen Ereignissen_Javascript-Kenntnisse

Das clientseitige JavaScript-Programm verwendet ein asynchrones ereignisgesteuertes Programmiermodell.

Mehrere Konzepte verwandter Ereignisse:

　Ereignistyp: Eine Zeichenfolge, die verwendet wird, um zu beschreiben, welche Art von Ereignis aufgetreten ist;

　Ereignisziel: Das Objekt, bei dem das Ereignis auftritt

　Ereignishandler: Eine Funktion, die Ereignisse verarbeitet oder darauf reagiert

　Ereignisobjekt: Ein Objekt, das sich auf ein bestimmtes Ereignis bezieht und detaillierte Informationen über das Ereignis enthält;

　

Ereignisweitergabe: Der Prozess, durch den der Browser bestimmt, welches Objekt seinen Ereignishandler auslöst;

Ereignishandler registrieren:

1. JavaScript-Objektattribute festlegen;

2. HTML-Tag-Attribute festlegen

　3. addEventListener oder attachmentEvent (letzteres ist für IE)

 function addEvent(target,type,handler){
   if(target.addEventListener){
     target.addEventListener(type,handler,false);
   }else{
     target.attachEvent("on"+type,function(event){return handler.call(target,event)});
   }
 }

Drei Phasen der Ereignisausbreitung:

1. Tritt vor der Zielverarbeitungsfunktion auf, die als „Erfassungsphase“ bezeichnet wird 2. Aufrufen der eigenen Verarbeitungsereignisse des Objekts

3. Die sprudelnde Phase der Ereignisse

In Javascript können Sie

ein Ereignis

für ein Element angeben. Es gibt drei Möglichkeiten,

anzugeben:

1. Verwenden Sie in HTML das onclick-Attribut 2. Verwenden Sie in Javascript das onclick-Attribut 3. Verwenden Sie in Javascipt die addEvenListener()-Methode

Vergleich von drei Methoden

(1) Bei der zweiten und dritten Methode können Sie ein Ereignisobjekt an die Funktion übergeben und die entsprechenden Attribute lesen, bei Methode eins jedoch nicht.

(2) Die zweite und dritte Option werden bevorzugt. Die erste Option ist nicht dazu geeignet, den Inhalt vom Ereignis zu trennen, und der zugehörige Inhalt des Ereignisobjekts kann nicht verwendet werden.

Einige grammatikalische Details

(1) Bei der ersten Methode ist onclick von der Groß-/Kleinschreibung unabhängig, bei der zweiten Methode muss jedoch Kleinschreibung verwendet werden. Weil bei HMTL die Groß-/Kleinschreibung nicht beachtet wird, während bei JS die Groß-/Kleinschreibung beachtet wird.

(2) Bei der zweiten und dritten Methode gibt es bei der Angabe des Funktionsnamens keine doppelten Anführungszeichen, während die erste Methode als HTML-Attribut doppelte Anführungszeichen erfordert. (3) Die erste Methode erfordert Klammern, die zweite und dritte Methode jedoch nicht.

Vollständiger Code:

 onclick="clickHandler()"
 document.getElementById("jsOnClick").onclick = clickHandler2; 
 document.getElementById("addEventListener").addEventListener("click", clickHandler2);

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.