keyup sur un div sélectionné
Bonjour,
J'ai le div suivant <div class="draggable"></div>.
Si on clique sur le div, cela déclenche l'ajout/retrait d'une classe ("border"). Cela fonctionne bien.
Par contre, j'essaie d'ajouter une fonction où si l'on clique sur certaines touches du clavier (en l'occurrence flèches gauche ou droite), cela ajoute une autre classe ("verso"), et je n'y arrive pas.
Voilà mon essai :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| $('.draggable')
.draggable()
.click(function(){
if (!$(this).hasClass('border')) {
$(this).addClass("border");
}
else {
$(this).removeClass("border");
}
}
});
$('.draggable').on('keyup', function(e){
if ((e.which == 39) || (e.which == 37)) {
if (!$(this).hasClass('verso')) {
$(this).addClass("verso");
}
else {
$(this).removeClass("verso");
}
}
}); |
