Dieses Skript implementiert ein jQuery-Plugin für Mausgesten.

Gesten für Buchstaben, der dicke Punkt gibt den Startpunkt an

Nach dem Laden steht für jQuery-Objekte die Funktion gestures zur Verfügung, die für das betreffende Element Maus-Gesten aktiviert. Ihr kann optional ein Objekt mit Parametern übergeben werden: modifier für währdend der Maus-Geste zu drückende Taste (Standard 'ctrl', andere mögliche Werte sind 'shift' und 'meta'), d für den minimalen Abstand, damit eine Bewegung wahrgenommen wird (in Pixeln, Standard 10) und gestures für benannte Gesten (siehe Code).

Anschließend lösen die Gesten bestimmte Events für das betroffene Element aus:

  • gesture#xxx, wobei xxx die Kennnummer der Geste ist
  • gesture mit der Kennnummer (String) als zweitem und true als drittem Argument
  • gesture-X, wobei X die erkannte Form ist
  • gesture mit der Form als zweites Argument vom Typ String

Kennnummern

Bearbeiten

Die Kennnummern geben die Richtungen der Bewegungen durch Ziffern an, die Ziffern entsprechen der Belegung des Ziffernblocks: 8 für nach oben, 2 für nach unten, 4 und 6 für links und rechts, 1, 3, 7 und 9 für die diagonalen Richtungen.

Erkannt werden alle lateinischen Buchstaben, Ziffern außer 0, einige Sonderzeichen (?, -, <, >) und einige als Pfeile angegebene Bewegungen (↙, ↓, ↘, ←, →, ↖, ↑, ↗, ↔, ⇆, ⇄, ↕, ⇵, ⇵, ↰, ↱, ↲, ↳, ↴, ↺, ↻).

Beispiele

Bearbeiten
$('#p-logo').gestures().on('gesture', function (e, shape, raw) {
	console.log(shape + ' (' + (raw ? 'Kennnummer' : 'Form') + ')');
});
 
$('body').gestures({d: 80}).on('gesture', function (e, shape, raw) {
	console.log(shape + ' (' + (raw ? 'Kennnummer' : 'Form') + ')');
});

Benutzer:Schnark/js/gestures.js

Der Javascript-Code befindet sich unter Benutzer:Schnark/js/gestures.js/jquery.js.