Discussion :

[sven666]

Bonjour,
tout est dans le titre. J'ai un problème avec le plugin jwerty (qui permet de gérer les raccourcis claviers : http://keithcirkel.co.uk/jwerty/). Je l'utilise de cette façon dans mon code :
(quand je presse la touche "entrer", j'ajoute au DOM une nouvelle zone de texte avec insertAfter et je lui donne le focus)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
jwerty.key('return',function(e){
	e.preventDefault();
	newParag.insertAfter($(e.target).parent().parent());
	$(e.target).parent().parent().next('.zone').children().children().focus();
},this,'.text');

Ce code fonctionne bien, mais lorsque j'appui sur "entrer" dans cette nouvelle zone de texte, rien ne se passe. Jwerty utilise la méthode bind() alors que j'aurai besoin de on() je pense. Comment faire ?

[danielhagnoul]

Bonsoir

Si j'en crois la documentation, ce n'est pas un plugin jQuery mais un "framewok js" compatible avec jQuery, et l'on devrait pouvoir écrire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$( "body" ).on( "keydown", "votre sélecteur", 
    jwerty.event( 'return', function(){
        // votre code
    })
);

Comme vous n'avez pas donné votre code, je ne connais pas la valeur qui doit remplacer "votre sélecteur".

[sven666]

merci beaucoup. C'est exactement ça

[sven666]

je n'ai pas pensé à une chose : comment faire si je veux ajouter d'autres évenements clavier dans ce code, avec jwerty ?

[danielhagnoul]

Il peut y avoir plus d'un on() chacun traitant un sélecteur différent et des événements keydown différents.

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$( "body" ).on( "keydown", "#monInputID", 
    jwerty.event( 'enter', function(){
        // votre code
    }) // attention pas de point-virgule ici
);

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$( "body" ).on( "keydown", "#maDivID", 
    jwerty.event( 'ctrl+shift+p', function(){
        // votre code
    }) // attention pas de point-virgule ici
);

Il peut y avoir un on() qui applique le même traitement (votre code) pour le même événement keydown à plusieurs éléments du DOM.

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$( "body" ).on( "keydown", "body, #div1ID, #span1ID", 
    jwerty.event( 'ctrl+shift+[0-9]', function(){
        // votre code
    }) // attention pas de point-virgule ici
);

Si votre code à besoin de traiter l'événement, il faut écrire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
$( "body" ).on( "keydown", ".maClasse", 
    jwerty.event( 'ctrl+alt+z', function( e ){
        // votre code, exemple
        console.log( e.pageX, e.pageY );
    }) // attention pas de point-virgule ici
);

Je vous conseille la lecture du fichier README

[sven666]

merci pour toutes ces informations. J'avais déjà lu les fichiers d'aide, mais comme je débute en jquery, je n'avais pas tout compris.