Der JavaScript-Ereignisverarbeitungsprozess ist in mehrere Schritte unterteilt-Front-End-Fragen und Antworten-php.cn

Der JavaScript-Ereignisverarbeitungsprozess ist in mehrere Schritte unterteilt

青灯夜游

Freigeben： 2022-10-12 17:45:31

Original

3278 Leute haben es durchsucht

Der JavaScript-Ereignisverarbeitungsprozess ist in drei Schritte unterteilt: 1. Das Ereignis tritt ein; 2. Starten Sie den Ereignishandler. 3. Der Ereignishandler reagiert. Damit der Ereignishandler gestartet werden kann, muss unter anderem das entsprechende Ereignis über das angegebene Objekt aufgerufen werden, und dann wird der Ereignishandler über das Ereignis aufgerufen.

Der JavaScript-Ereignisverarbeitungsprozess ist in mehrere Schritte unterteilt

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

JavaScript ist eine objektbasierte Sprache und eine ihrer grundlegendsten Funktionen ist ereignisgesteuert. Es kann alle Vorgänge in der grafischen Benutzeroberfläche vereinfachen. Aktionen über die Maus oder Hotkeys werden als Ereignisse bezeichnet. Eine Reihe von Programmaktionen, die durch die Maus oder Hotkeys ausgelöst werden, wird als Ereignistreiber bezeichnet, und das Programm oder die Funktion, die Ereignisse verarbeitet, wird als Ereignishandler bezeichnet.

Überblick über Ereignisse und Ereignisverarbeitung

Die Ereignisverarbeitung ist ein sehr wichtiger Teil der objektbasierten Programmierung. Sie kann die logische Struktur des Programms klarer machen, das Programm flexibler machen und die Entwicklungseffizienz verbessern Programm.

Der Prozess der Ereignisverarbeitung ist in drei Schritte unterteilt:

①Das Ereignis tritt ein;
②Starten Sie den Ereignishandler.
③Der Ereignishandler reagiert.

Damit der Ereignishandler gestartet werden kann, muss das entsprechende Ereignis über das angegebene Objekt aufgerufen werden, und dann wird der Ereignishandler über das Ereignis aufgerufen. Ereignishandler können beliebige JavaScript-Anweisungen sein, verwenden jedoch im Allgemeinen bestimmte benutzerdefinierte Funktionen zur Verarbeitung von Ereignissen.

Ereignisse und Ereignisnamen

Ereignisse sind einige Seitenaktionen, auf die über Skripte reagiert werden kann. Ereignisse treten auf, wenn der Benutzer die Maustaste drückt, ein Formular absendet oder sogar die Maus auf der Seite bewegt. Ein Event-Handler ist ein Stück JavaScript-Code, der immer einem bestimmten Teil der Seite und einem bestimmten Ereignis zugeordnet ist. Ereignishandler werden aufgerufen, wenn ein Ereignis auftritt, das einem bestimmten Teil der Seite zugeordnet ist.

Die Namen der meisten Veranstaltungen sind aussagekräftig und leicht verständlich. Zum Beispiel click.submit.mousecover usw. Sie können die Bedeutung anhand des Namens erraten. Es gibt aber auch ein paar Ereignisse mit schwer verständlichen Namen, wie zum Beispiel Unschärfe (wörtlich übersetzt „Unschärfe“ auf Englisch), was bedeutet, dass ein Feld oder ein Formular den Fokus verloren hat. Im Allgemeinen besteht das Benennungsprinzip von Ereignishandlern darin, das Präfix on vor dem Ereignisnamen hinzuzufügen. Für das Click-Ereignis wird der Handler beispielsweise onclick genannt

Veranstaltung

BeschreibungDas Das Ereignis wird ausgelöst, wenn die Maus gedrückt wird. onmouseupDieses Ereignis wird ausgelöst, wenn die Maus gedrückt und dann losgelassen wird onmousemoveDieses Ereignis wird ausgelöst, wenn sich die Maus bewegtauf der Maus Dieses Ereignis wird ausgelöst, wenn eine Taste gedrückt wirdonkeyupDieses Ereignis wird ausgelöst, wenn eine Taste auf der Tastatur gedrückt und dann losgelassen wirdonabortBeim Herunterladen von Bildern Dieses Ereignis wird ausgelöst, wenn es vom Benutzer unterbrochen wirdonbeforeunloadDieses Ereignis wird ausgelöst, wenn der Inhalt der aktuellen Seite geändert werden sollonerrorDieses Ereignis wird ausgelöst, wenn ein Fehler auftritt. onload Die Größe des Browserfensters wird beim Entladen geändert. Dieses Ereignis wird ausgelöst, wenn die aktuelle Seite geändert wird

Maus- und Tastaturereignisse	onclick	Dieses Ereignis wird ausgelöst, wenn mit der Maus geklickt wird.
	ondblclick



	Seitenbezogene Ereignisse

. onsubmit Dieses Ereignis wird ausgelöst, wenn ein Formular gesendet wird. Scrollendes Untertitelereignis Das Marquce-Element ist abgeschlossen. Dieses Ereignis wird ausgelöst, wenn das Marquce-Element mit der Anzeige von Inhalten beginnt. Dieses Ereignis wird ausgelöst, wenn das Marquce-Element mit der Anzeige von Inhalten beginnt um Inhalte anzuzeigen. Dieses Ereignis wird ausgelöst, bevor der aktuell ausgewählte Inhalt in die Systemzwischenablage des Betrachters kopiert wird onbeforeeditfocus Dieses Ereignis wird ausgelöst, wenn das aktuelle Element im Begriff ist, in den Bearbeitungsstatus zu gelangen.Dieses Ereignis wird ausgelöst, wenn Inhalte aus der Systemzwischenablage des Betrachters auf die Seite eingefügt werden sollen. onbeforeupdateWenn der Betrachter einfügt Benachrichtigen Sie das Zielobjekt über den Inhalt in der SystemzwischenablageoncontextmenuDieses Ereignis wird ausgelöst, wenn das Menü angezeigt wird, wenn der Betrachter die rechte Maustaste drückt, oder wenn das Seitenmenü ausgelöst wird durch TastaturtastenoncopyWenn die Seite aktuell ist. Dieses Ereignis wird ausgelöst, wenn der ausgewählte Inhalt kopiert wird.oncut.Dieses Ereignis wird ausgelöst, wenn der aktuell ausgewählte Inhalt auf der Seite ausgeschnitten wird.ondrag Dieses Ereignis wird ausgelöst, wenn ein Objekt gezogen wird (Aktivitätsereignis)ondragendDieses Ereignis wird ausgelöst, wenn das Ziehen mit der Maus endet, also wenn die Maustaste losgelassen wird.ondragenteDieses Ereignis wird ausgelöst, wenn das Objekt mit der Maus in seinen Containerbereich gezogen wird Wird ausgelöst, wenn das Objekt, das gezogen wird, in den Bereich des Containers eines anderen Objekts gezogen wird. ondragstartDieses Ereignis wird ausgelöst, wenn ein Objekt gezogen werden soll wird während eines Ziehvorgangs freigegebenonlosecaptureWenn das Element die Maus verliert. Dieses Ereignis wird ausgelöst, wenn der ausgewählte Fokus verschoben wird Dieses Ereignis wird ausgelöst, wenn der Textinhalt ausgewählt wirdonselectstartWenn der Text angezeigt wird. Dieses Ereignis wird ausgelöst, wenn die Inhaltsauswahl beginnt

	Ereignis	Beschreibung
Formularbezogene Ereignisse	onblur	Dieses Ereignis wird ausgelöst, wenn das aktuelle Element den Fokus verliert
	onchange	Das aktuelle Element verliert den Fokus und das Element. Dieses Ereignis wird ausgelöst, wenn sich der Inhalt ändert.
	onfocus	Dieses Ereignis wird ausgelöst, wenn ein Element den Fokus erhält


onbeforepaste

Wenn die Daten Dieses Ereignis wird ausgelöst, wenn alle gültigen Daten aus der Quelle gelesen wurden onerrorupdateWenn die Datenübertragung mithilfe des onbeforeupdate-Ereignisauslösers abgebrochen wird, ersetzt es das afterupdate-Ereignisonrowenteraktuelle Daten Dieses Ereignis wird ausgelöst, wenn sich die Daten der Quelle ändern und es neue gültige Daten gibtonrowexitDieses Ereignis wird ausgelöst, wenn sich die Daten der aktuellen Datenquelle ändern werdenonrowsdeleteWird ausgelöst, wenn der aktuelle Datensatz gelöscht wird. Dieses Ereignis wird ausgelöst, wenn die aktuelle Datenquelle im Begriff ist, einen neuen Datensatz einzufügen. Dieses Ereignis wird ausgelöst, wenn sich der Filtereffekt eines Objekts ändert.Wenn der Betrachter die F1-Taste drückt oder auf das Hilfemenü des Browsers klickt. Dieses Ereignis wird ausgelöst, wenn Dieses Ereignis ist Wird ausgelöst, wenn sich eine der Eigenschaften des Objekts ändert. 1. In JavaScript

<input id="save" name="bt_save" type="button" value="保存" />
<script language="JavaScript" type="text/javascript">
	var b_save=document.getElementById("save");
	b_save.onclick=function(){
		alert("单击了保存按钮");
	}
</script>

Nach dem Login kopieren

2. In HTML Um Ereignishandler in HTML zuzuweisen, müssen Sie nur das entsprechende Ereignis im HTML-Tag hinzufügen und den auszuführenden Code oder Funktionsnamen angeben Es.

<input name="bt_save" type="button" value="保存" onclick="clickFunction();"/>
<script language="JavaScript" type="text/javascript">
	function clickFunction(){
		alert("单击了保存按钮");
	}
</script>

Nach dem Login kopieren

Javascript-Video-TutorialProgrammiervideo】

	Ereignis	Beschreibung
Datenbindungsereignis	onafterupdate	Dieses Ereignis wird ausgelöst, wenn die Daten die Übertragung von der Datenquelle zum Objekt abschließen
	oncellchange	Dieses Ereignis wird ausgelöst, wenn sich die Datenquelle ändert.
	ondataavailable

	Datenbindungsereignis

		Dang Dieses Ereignis wird ausgelöst, wenn das Dokument gedruckt werden soll onfilterchange
		onhelp
		onpropertychange
		onreadystatechange Auf der Seite ist das Wichtigste, wie der Ereignishandler über das Ereignis des Objekts angegeben wird.
Um einen Event-Handler in JavaScript aufzurufen, müssen Sie zunächst eine Referenz auf das zu verarbeitende Objekt erhalten und dann die auszuführende Verarbeitungsfunktion dem entsprechenden Ereignis zuweisen.	Code:

	【Verwandte Empfehlungen:	,

Das obige ist der detaillierte Inhalt vonDer JavaScript-Ereignisverarbeitungsprozess ist in mehrere Schritte unterteilt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!