j-Enter

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

Diese Komponente wertet eine Methode aus, wenn der Benutzer enter drückt. Wichtig: Die Komponente findet alle input-Elemente und führt CAN() für den Pfad aus.

Konfiguration:

exec {String} ein Methodenname zur Ausführung
validate {Boolean} aktiviert die Validierung (Standard: true)
trigger {String} kann einen Selektor zum Auslösen eines echten click-Ereignisses enthalten (Standard: button[name="submit"])
timeout {Number} ein Timeout als Verhinderung des mehrfachen Drückens der enter-Taste (Standard: 1500)
NEW delay {Number} eine Verzögerung für die Übermittlung von Daten (Standard: 500 ms)

Verwenden Sie es mit <ui-component name="enter">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback (standardmäßig das CDN Componentator) herunter. Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

example.html

<ui-component name="enter" config="exec:doSubmit;validate:false"  style="padding:50px;max-width:300px">
	<div>Login</div>
	<div><input type="text" /></div>
	<br />
	<div>Password</div>
	<div><input type="password" /></div>
</ui-component>

<script>
	function doSubmit() {
		alert('ENTER pressed');
	}
</script>