Grundprinzipell funktioniert VFXForm Aktion Verknüpfen wie das originale HTML Aktion Verknüpfen. VFXForm Aktion Verknüpfen bietet mehr Funktionalität und benutzt die VFXForm interne Datenmodell Struktur.
Es lassen sich auf beliebige Elemente im HTML Layout Aktionen definieren, die bei bestimmten Ereignissen (Events) ausgeführt werden. Diese Elemente werden dabei durch sogenannte CSS Selektoren ausgewählt.
Grundsätzlich kann also auch eine Aktion mit einem Kommando auf mehrere Elemente gelegt werden. In diesem Fall wird der Parameter Feld wichtig. In dieses Feld wird der Aktionsname eingetragen in dem Objekt, dass die jeweilige Aktion ausgeführt hat. Z.B. bei einer Liste von Elementen, kann somit herausgefunden werden, auf welches geklickt wurde.
Es gibt eine ganze Reihe von Ereignissen, auf die reagiert werden kann. Das am meisten benutzte Ereignis ist mit Sicherheit „click“, also ein Mausklick auf einem Element (einem Link, Icon, Schaltfläche oder DIV Element z.B.).
Es gibt jedoch eine Reihe weiterer Ereignisse, auf die reagiert werden kann. Hier einige der am meist verwendeten Ereignisse:
| Ereignisname | Beschreibung |
|---|---|
| click | Linker Mausklick |
| dblclick | Linker Doppelklick |
| contextmenu | Rechter Mausklick |
| mouseenter | Mauszeiger geht in ein Element |
| mouseleave | Mauszeiger verlässt Element |
| mousedown | Maustaste gedrückt |
| mouseup | Maustaste losgelassen |
| keypress | Taste |
| keyup | Taste losgelassen |
| keydown | Taste gedrückt |
| change | Wert geändert (Eingabefelder, Checkboxen etc) |
| focusin | Element erhält Fokus |
| focusout | Element verliert Fokus |
| resize | Elementgröße geändert |
| select | Text selektiert |
Das Element sollte zum Zeitpunkt der Verknüpfung schon existieren. Deshalb und aufgrund besserer Lesbarkeit, wird normalerweise eine Aktionsverknüpfung direkt nach dem Erstellen des HTML Elements definiert.
Aktionen Verknüpfen:
Aktionen:
