DevKB
Web Development Knowledge Base
HOME | TOP 20 | WRITE AN ARTICLE |
Sections :



RSS RSS Feed

You too, please publish your useful code snippets in any programming language :
write an article !


Valid HTML 4.0 Transitional

Plateforme d'envoi de gros fichiers en ligne
Dépannage site web
Blog infogérance
Hébergement e-mail

Olivier Ligny - - 11/03/2008 - vue 8325 fois

Détecter l'état des touches du clavier en JavaScript

Détecte les appuis de touches sur le clavier, y compris les touches spéciales CTRL/SHIFT/ALT, et affiche leur statut en direct.

<script type="text/javascript">
function process_keypress(evt) {
if(window.event) evt = window.event;
if (evt.type == "keypress" & evt.keyCode > 0) {
  document.getElementById("code").value = evt.keyCode ;
  document.getElementById("chr").value = String.fromCharCode(evt.keyCode);
  document.getElementById("alt").value = evt.altKey;
  document.getElementById("ctrl").value = evt.ctrlKey;
  document.getElementById("shift").value = evt.shiftKey;
  }
  return true;
}
document.onkeypress = process_keypress;
</script>

<pre>
<form name="x" action ="" method="get">
Code ASCII : <input type="text" id= "code">
Caractère  : <input type="text" id= "chr">
Alt ?      : <input type="text" id= "alt">
CTRL ?     : <input type="text" id= "ctrl">
SHIFT ?    : <input type="text" id= "shift">
</form>
</pre>

- 25/06/2013
<script type="text/javascript">
function process_keypress(evt) {
if(window.event) evt = window.event;
if (evt.type == "keypress" & evt.keyCode > 0) {
document.getElementById("code").value = evt.keyCode ;
document.getElementById("chr").value = String.fromCharCode(evt.keyCode);
document.getElementById("alt").value = evt.altKey;
document.getElementById("ctrl").value = evt.ctrlKey;
document.getElementById("shift").value = evt.shiftKey;
}
return true;
}
document.onkeypress = process_keypress;
</script>

<pre>
<form name="x" action ="" method="get">
Code ASCII : <input type="text" id= "code">
Caractère : <input type="text" id= "chr">
Alt ? : <input type="text" id= "alt">
CTRL ? : <input type="text" id= "ctrl">
SHIFT ? : <input type="text" id= "shift">
</form>
</pre>


Write a comment :
Your name :     E-mail (optional) :

AntiSpam : what animal is visible on this picture ? :

Nos partenaires : iPhone 8 Cases & Protection