Je voudrais démarrer une action (activation automatique) lorsque les types d'utilisateurs '@'. J'ai JQuery disponible.
généralement sur un clavier QWERTY, c'est comme ceci: Cependant, il ne fonctionne pas correctement sur un clavier Azerty. Le code clé = 50 correspond à la à © ~ / 2 clé. Pour taper '@' dans le clavier Azerty, il est altgr + à @ / 0 Touche. EDIT: Sélection automatique démarre quand @ est entré, et seulement après cela. Exemple, quand quelqu'un entre "Hello @", alors il commence, cependant, quand il tape "Bonjour @Nothing d'autre" La complète ne fera rien. Exemple: http://mrkipling.github.com/jquery-at-username/ (Ça ne fonctionne que sur le clavier QWERTY).
5 Réponses :
La seule autre option qui vous vient à l'esprit serait une minuterie qui vérifie le contenu de l'entrée de texte.
var patt=new RegExp(/^@/);
var charCheck = setInterval(function(){
if (patt.test($("#textInput").val())){
// initiate autocomplete
}
},100);
Il devrait vérifier @ n'importe où dans le Textarea, et l'autocomplete ne commence que lorsque le curseur est juste après le caractère "@". Je pense qu'il est toujours possible de vérifier toutes ces conditions, mais y a-t-il une solution plus simple?
@JCI - Vous devriez mentionner la spécification sur la position du curseur dans votre message principal. De plus, si vous souhaitez rechercher ce symbole n'importe où dans la chaîne, supprimez simplement le symbole ^ .
Que diriez-vous de vérifier si Démo: @ a été entré comme le dernier caractère de la valeur du champ?
Merci, cela fait fondamentalement ce que j'aimerais faire. Il y a quelques cas, par exemple, lorsque l'utilisateur termine un message, passe ensuite au début et ajoute '@Asername' Ça ne fonctionnera pas. Je vais essayer de l'adapter.
@JCisio Oui, il pourrait peut-être avoir besoin d'une certaine correction. Au moins, je ne vois aucune autre solution rapide et de travail.
Ici, vous allez de ma vieille réponse ici: jquery autocomplete en utilisant '@' < / a> espérons que cela vous conviendra cause :)
Merci, tandis que j'évite JQuery Ui (et sa bibliothèque autocomplète), cet exemple a quelques points intelligents, comme il ne reçoit que le dernier terme, etc. Je suis en signet pour une utilisation ultérieure.
Utiliser keypress au lieu de clé . Tandis que keydown concerne chaque appui d'une touche, keypress concerne les caractères traduits, donc par exemple A peut être différent de A pendant que la touche est enfoncée, le travail de caractères composé, le travail des touches morts et d'autres différences dans les mappages de clavier sont manipulés.
Exactement! L'événement KeyPress détecte correctement le code de @ (64). Je pense que je devrai séparer les deux événements: un pour détecter le caractère @ , un autre à l'aide de la touche pour détecter les touches fléchées pour la partie "complète".
@jCisio qui a du sens. Cependant, je ne suis pas sûr du support du navigateur unifié de KeyPress .
@Vision Il est meilleur que le support du navigateur unifié pour la clé et le porte-clés!
@Vision Je ne suis pas sûr de comprendre correctement ce que vous dites. L'événement KeyPress est pris en charge dans JQuery et l'événement.Qui est également normalisé sur le navigateur de JQuery.
@JCISIO Je veux dire si tous les navigateurs (et OS) vous donneront 64 sur keypress . Toutes les mines font mais je ne suis toujours pas sûr. Quoi qu'il en soit, comme dit Jon, il est meilleur que clé et keyup .
Parce que cela dépend de certaines des caractéristiques les moins bien standardisées dans les implémentations JavaScript du navigateur, JQuery Docs le signalez-le comme n'étant pas l'une, elles peuvent donner des garanties particulièrement bonnes de cela fonctionnent bien. Cela dit cependant, la même chose est également vrai du clés et encore plus!
@jCisio Voici quelques informations sur la compatibilité des événements clés: Unixpapa.com/js/key.html .
Event.Key et JS moderne, vérifiant pour @ directement! pas de code Numéro plus. Vous pouvez vérifier directement la clé. xxx
D'Oh, je n'ai pas remarqué ce que Stackoverlow a exactement ce dont j'ai besoin avec la fonctionnalité de nom d'utilisateur autocomplete dans le commentaire.