jwerty : lier un évènement à un élément ajouté dynamiquement avec jQuery

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:

---

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 ?

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:

---

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".

merci beaucoup. C'est exactement ça :D

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

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

Exemple :

Code:

---

1 2 3 4 5

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

---

Code:

---

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:

---

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:

---

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

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.