JavaScript Events

Dieser Post dient als Nachschlage-‚Werk‘.

Gesamte Liste des JS Event Handlers:

  • onAbort – wenn der Benutzer den Ladevorgang eines Bildes abbricht.
  • onBlur – wenn ein Element, Frame oder Window den Focus verliert.
  • onChange – wenn selektierte Textfeld seinen Focus verlieren, oder der Wert modifiziert wurde.
  • onClick – Objekt welches angeklickt wurde.
  • onDblClick – beim Doppelklick auf ein Element.
  • onDragDrop – Benutzer ein Objekt (z.B. Datei) in das Window drop’t.
  • onError – beim Ladevorgang eines Dokumentes oder Bildes ein Fehler auftritt.
  • onFocus – Window, Frame, Frameset oder anderes Element den Fokus erhält.
  • onKeyDown – Benutzer eine Taste runterdrückt.
  • onKeyPress – Benutzer eine Taste drückt oder sie gedrückt hält.
  • onKeyUp – Benutzer eine gedrückte Taste los lässt.
  • onLoad – der Browser alle Elemente der aktuellen Seite geladen hat (inkl. Frames/Framesets und deren Inhalt).
  • onMouseDown – Benutzer eine Maustaste runter drückt.
  • onMouseMove – Benutzer den Cursor bewegt.
  • onMouseOut – Cursor einen Bereich verlässt.
  • onMouseOver – Cursor sich über ein Element oder Bereich bewegt.
  • onMouseUp – Benutzer eine Maustaste los lässt.
  • onMove – Benutzer oder Script das Element, Window oder Frame bewegt.
  • onReset – Benutzer das Formular zurücksetzt.
  • onResize – Benutzer oder Script die Window oder Frame Größe ändert.
  • onSelect – Benutzer einen Text selektiert (in einem Textbox oder Textarea).
  • onSubmit – Benutzer das Formular übermittelt.
  • onUnload – Benutzer die HTML Datei verlässt.

Object mit den entsprechenden Event Handlers in JavaScript 1.2:

  • Object area – onDblClick(), onMouseOut(), onMouseOver()
  • Object button – onBlur(), onClick(), onFocus(), onMousedown(), onMouseup()
  • Object checkbox – onBlur(), onClick(), onFocus()
  • Object document – onClick(), onDblClick(), onKeyDown(), onKeyPress(), onKeyUp(), onMouseDown(), onMouseUp()
  • Object fileupload – onBlur(), onChange(), onFocus()
  • Object form – onReset(), onSubmit()
  • Object frame – onBlur(), onDragDrop(), onError(), onFocus(), onLoad(), onMove(), onResize(), onUnload()
  • Object image – onAbort(), onError(), onKeyDown(), onKeyPress(), onKeyUp(), onLoad()
  • Object layer – onMouseOver(), onMouseOut(), onLoad(), onFocus(), onBlur()
  • Object link – onClick(), onDblClick(), onKeyDown(), onKeyPress(), onKeyUp(), onMouseDown(), onMouseOut(), onMouseUp(), onMouseOver()
  • Object password – onBlur(), onFocus()
  • Object radio – onBlur(), onClick(), onFocus()
  • Object reset – onBlur(), onClick(), onFocus()
  • Object select – onBlur(), onChange(), onFocus()
  • Object submit – onBlur(), onClick(), onFocus()
  • Object text – onBlur(), onChange(), onFocus(), onSelect()
  • Object textarea – onBlur(), onChange(), onFocus(), onKeyDown(), onKeyPress(), onKeyUp(), onSelect()
  • Object window – onBlur(), onDragDrop(), onError(), onFocus(), onLoad(), onMove(), onResize() onUnload()

Code Beispiele @ SelfHTML

Happy hacking!