Détection des touches

Version imprimable

Sur ma page je souhaiterais qd il n'a y pas de focus sur un élèment du formulaire, qu'il puisse détecter quand on appuie sur la fleche gauche.

J'ai réussi à le faire avec Jquery. Mais mon problème, c'est que si le curseur est dans le textarea ça fonctionne, or je ne veux pas.

Comment faire ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<html> 
<head> 
	<title>Test/title> 
 
	<script type="text/javascript" src="/jscript/jquery-1.3.2.js"></script>
	</head>
<body>
<script type='text/javascript'>
jQuery.bind = function(object, method){
  var args = Array.prototype.slice.call(arguments, 2);  
  return function() {
    var args2 = [this].concat(args, $.makeArray( arguments ));  
    return method.apply(object, args2);  
  };  
};  
 
 
 
$(document).bind('keydown', $.bind(this, function(obj, event){
 
 
if (event.keyCode == 37){
 alert('prev');
 }
 
if (event.keyCode == 39){
alert('next');
 }
 
 })); 
</script>
 
<textarea rows="30" cols="90" name="description"></textarea>
 
</body>
</html>

20/12/2010, 15h34
Watilin
Oh là oh là, pourquoi tu touches à jQuery.bind ? Tu fous par terre tous les mécanismes d’optimisation du framework. Et un conseil aussi : arrête les alert() et mets-toi à la console, maintenant tous les navigateurs en ont une (installe Firebug si t’es sous FF).
Code:

1 2 3 4 5 6 $(document).keydown(function( event ) { if (event.target.name != 'description') { // remplacer name par id si besoin console.log(event.which); }; });
De plus, j’ai l’impression que tu confonds les attributs name et id… name sert à identifier les données de formulaires qui seront envoyées au serveur, alors que id sert à marquer un élément unique pour le manipuler avec les scripts et les styles.
20/12/2010, 15h57
Oberown

Yes merci !

Maintenant j'ai plusieurs textarea et des select.
Y a-t-il une fonction simple où dois-je mettre tout les noms ?
20/12/2010, 16h16
Watilin

Eh bien tu peux jouer avec tagName, mais attention, il renvoie tout en majuscules. C’est pour une raison historique, je suppose…

Code:

if (event.target.tagName != 'SELECT' && event.target.tagName != 'TEXTAREA')