Comment envoyer une touche de déclenchement à l'aide de JQuery

Comment puis-je envoyer un déclencheur de pression de touche d'un mot de code par exemple. "9" de l'événement sur une zone de texte à l'aide de JQuery par programmation?

Ce que j'ai l'intention de le faire;
Par programmation, entrez une valeur pour une zone de texte, puis déclencher par programmation un tabkey sur la zone de texte pour quitter le champ.

mon code

$("#tags1").val("comp") //Works well

$("#tags1").trigger("keypress",[9]); //Fails!!

Gath

InformationsquelleAutor gath | 2009-04-30
  1. 6

    Le jQuery documents de l'état qu'il ne fera que passer normalisée des attributs d'événement = les propriétés de l'jQuery.Objet événement, qui ne semblent pas inclure les données spécifiques aux événements.

    J'ai essayé, et je ne pouvais pas l'obtenir pour insérer du texte dans une zone de texte, même en cas de réutilisation d'un objet d'événement d'un navigateur keypress créé, de sorte qu'il ne semble pas être possible.

    Pourquoi tu ne peux pas modifier la valeur de la zone de texte, et de faire appel blur() pour la quitter? (Ou focus() sur celui que vous voulez entrer dans le prochain?)

    InformationsquelleAutor millimoose
  2. 3

    Pas exactement ce que vous avez demandé, mais au lieu d'utiliser keypress cela pourrait accomplir ce que vous voulez:

    $("#tags1").blur();

    ou même

    $("#tags1").next().focus();
    InformationsquelleAutor system PAUSE
  3. 1

    Essayer:

     $("#tags1").val("comp").trigger("keypress",[9]);

    ou

       $("#tags1").val("comp").trigger("keypress", [{
    preventDefault:function(){},
    keyCode:9
    }]);
    InformationsquelleAutor TStamper
  4. 1

    J'ai créé un simple plugin jQuery qui ne résoudre ce problème. Il utilise le ':tabbable sélecteur de jQuery UI pour trouver la prochaine tabbable' élément et le sélectionne.

    Exemple d'utilisation:

    //Simulate tab key
$.tabNext();
    InformationsquelleAutor Mark Lagendijk
  5. 0

    Si vous wan pour ajouter une valeur à une entrée /textarea puis le feu la touche "enter" de l'événement.

    Déclencheur de cette

    $('input').val( input_value ).blur();
    InformationsquelleAutor Erik Larsson
  6. -1

    Essayez ceci:

    $('textarea:input').live('keypress', function(e) {
    if (e.keyCode == 9) {
        e.preventDefault();

        //Press TAB to append a string (keeps the original TEXTAREA text).
        $(this).append("TAB TAB TAB AFTER TEXTAREA TEXT");

        //Press TAB to append a string (keeps the original TEXTAREA text).
        $(this).focus().prepend("TAB TAB TAB BEFORE TEXTAREA TEXT");

        //Press TAB to replace a all text inside TEXTAREA.
        $(this).val("INSERT INTO TEXTAREA /REPLACE EXISTING TEXT");

    }
});

    Si vous voulez ajouter du texte à l'intérieur de le textarea (par le curseur actif - comme CTRL+V), vous pouvez utiliser "Tabby" (JS code source) (plugin jQuery - 254 lignes de code..!).

    Vous pouvez également trouver de l'inspiration dans la YUI éditeur qui vous permettra d'ajouter des Onglets à l'intérieur de l'éditeur.

    InformationsquelleAutor Kristoffer Bohmann