Artikel mit dem Tag "Tastenkombination"

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.

Share
Geschrieben von Philip Ehret am 27.11.2009 | Kommentare weiterlesen...