JavaScript: Events: Unterschied zwischen den Versionen
Flinh1 (Diskussion | Beiträge) (→Quellen) |
Flinh1 (Diskussion | Beiträge) (→Bubbling) |
||
| Zeile 41: | Zeile 41: | ||
---- | ---- | ||
| − | == | + | == Methoden der Event-Schnittstelle == |
| + | === preventDefault(); === | ||
| + | Syntax: ''event.preventDefault();'' | ||
| + | |||
| + | ... method tells the user agent that if the event does not get explicitly handled, its default action should not be taken as it normally would be. | ||
| + | |||
| + | * https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault | ||
* https://javascript.info/bubbling-and-capturing | * https://javascript.info/bubbling-and-capturing | ||
| + | |||
| + | ---- | ||
| + | |||
| + | === stopPropagation(); === | ||
| + | |||
| + | Syntax: ''event.stopPropagation();'' | ||
| + | |||
| + | The stopPropagation() method of the Event interface prevents further propagation of the current event in the capturing and bubbling phases. | ||
| + | Syntax | ||
| + | |||
| + | * https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation | ||
---- | ---- | ||
Version vom 10. Oktober 2019, 13:12 Uhr
Inhaltsverzeichnis
Allgemeines
Ein Ereignis tritt ein, wenn
- der Benutzer über Maus oder Touchpad durch Aktionen wie click oder scroll mit der Seite interagiert.
- der Benutzer bestimmte Tasten auf der Tastatur drückt.
- im Programm ein Timer (Countdown) abläuft.
- aus dem Netz Daten eintreffen, die das Programm von einem Server angefordert hat.
Liste gängiger HTML-Events
| Event | Beschreibung |
|---|---|
| onblur | Ein HTML-Element hat den Fokus verloren. |
| onchange | Der Inhalt eines Feldes hat sich geändert. |
| onclick | Es wurde auf ein HTML-Element geklickt. |
| onfocus | Ein HTML-Element hat den Fokus erhalten (wurde aktiv). |
| onkeydown | Auf der Tastatur wurde eine Taste gedrückt. |
| onload | Das Laden der Seite oder eines Bildes wurde abgeschlossen. |
| onmousedown | Eine Maustaste wurde gedrückt. |
| onmouseover | Die Maus hat sich über ein HTML-Element bewegt. |
- https://www.tutorialspoint.com/html/html_events_ref.htm
Methoden der Event-Schnittstelle
preventDefault();
Syntax: event.preventDefault();
... method tells the user agent that if the event does not get explicitly handled, its default action should not be taken as it normally would be.
- https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault
- https://javascript.info/bubbling-and-capturing
stopPropagation();
Syntax: event.stopPropagation();
The stopPropagation() method of the Event interface prevents further propagation of the current event in the capturing and bubbling phases. Syntax
error
Das Event "error" auf window' wird ausgelöst, wenn ein Fehler auftritt.
Der Eventhandler bekommt automatisch als Argument übergeben:
Fehlermeldung, Dateiname, Zeile
window.onerror = function( meldung, datei, zeile ){
alert("Fehler: " + meldung + "\nDatei: " + datei + "Zeile: ");
Bei return true wird die Fehlermeldung nicht in der Konsole angezeigt.
Quellen
- https://developer.mozilla.org/en-US/docs/Web/Events
- https://wiki.selfhtml.org/wiki/JavaScript/DOM/Event/%C3%9Cbersicht
- https://www.w3schools.com/jsref/dom_obj_event.asp
| | |
