Tastenkombination / Tastaturkombination / Keyboard Shortcut abfangen und benutzerdefinierte Aktion ermöglichen

Vielleicht möchte man irgendwann einmal Tastenkombinationen / Shortcuts des Benutzers selbst verwerten und die Standardaktion des Browsers verhindern. Zum Beispiel wenn der Benutzer ein Dokument bearbeiten können soll: Beim Drücken der Tastenkombination STRG + S soll dieses direkt gespeichert und nicht der Speichern-Dialog des Browsers (Im Firefox sieht der so aus) geöffnet werden.

Ganz easy geht das mit jQuery und dem Javascript jQuery Hotkeys Plugin

(Für kompletten Code bitte die DEMO ansehen: http://files.philip-ehret.de/dev/examples/jquery/hotkeys_bind.php)

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.hotkeys-0.7.9.min.js"></script>

Nach Einbinden der jQuery-Bibilothek und des Plugins fehlt nur noch wenig:

jQuery(document).ready(function($){
	$(this).bind('keydown', 'ctrl+s', function(e){
		e.preventDefault(); // Standardaktion verhindern
		$('#someform').submit();
	});
});

Eigentlich würde man jetzt wahrscheinlich noch erläuternde Worte erwarten, aber die gibt’s diesmal nicht, bei der Einfachheit sollte der Code des Beispiels selbsterklärend sein.

Geschrieben von Philip am 27.11.2009 und abgelegt unter jQuery, PHP. Du kannst den Antworten mit dem RSS 2.0 feed folgen. Du kannst selbst eine Antwort verfassen oder ein Trackback von Deiner eigenen Seite setzen.

Stichwörter:

• Shortcut
• Tastenkombination

Teilen: