Erkennen Sie die EINGABETASTE in den Eingabe-Elemente einer bestimmten Klasse

Muss ich erkennen, wenn jemand trifft "enter" in der text-Eingaben mit einer bestimmten Klasse.

Mein jQuery ist wie folgt:

$('input.large').keypress(function (e) {
    if(e.which ==13)
        console.log("pressed enter");
});

Mein HTML ist etwas wie dieses:

<tr><td> Personal Name </td></tr>
<tr><td> <input type='text' class='large'> </td></tr>

<tr><td> Email</td></tr>
<tr><td> <input type='text' class='large'> </td></tr>

Wenn ich gegeben habe, die Felder-IDs und versucht $('#elementid').keypress es funktionierte. Aber das funktioniert nicht. Ich bekomme keine Ausgabe in der Konsole. Was bin ich?

Haben Sie Ihre code innerhalb der document-ready-handler?
Ich habe. Andere code nur vor und nach dem dies gut funktioniert.
Kannst du uns ein demo auf jsfiddle.net?
arbeiten sollten - jsfiddle.net/vYfGQ
Ich weiß... es ist nichts falsch mit diesem code. Und ich kann nicht fügen Sie den gesamten code, denn es ist zu viel, es muss etwas sein, das zu stoppen.

InformationsquelleAutor user961627 | 2012-12-14

  1. 13

    Können Sie live (.auf()) Veranstaltungen in document mit keydown (ich glaube das ist besser). Es wird Ihnen erlauben, zu erkennen keydown im aktuellen und zukünftigen Elemente entspricht, mit einem Selektor.

    HTML:

    <strong>Personal Name</strong>
<input type='text' class='large' /><br />

<strong>Email</strong>
<input type='text' class='large' />
​

    JS (runnable mit jQuery 1.7+):

    jQuery(document).on('keydown', 'input.large', function(ev) {
    if(ev.which === 13) {
        //Will change backgroundColor to blue as example
        this.style.backgroundColor = '#EFF';

        //Avoid form submit
        return false;
    }
});

    jsFiddle: http://jsfiddle.net/qvhWD/

    wo soll ich das sagen, obwohl? Ich habe versucht, es im inneren $(document).ready(function(){...}); und auch außerhalb, aber entweder Weg, es war ein syntax Fehler.
    Wo ist diese syntax-Fehler? Probieren: eine exklusive <script> element mit diesem Inhalt am Ende der Datei. Wenn es nicht funktioniert, verwenden Sie Chrome, und aktivieren Sie debug, um zu wissen, wo der Fehler genau.
    Es ist eine versteckte (null-Breite) unicode-Zeichen am Ende der Zeile: \u200b. Scheint wie ein Zeilenumbruch-Zeichen: stackoverflow.com/a/7077279/295246 ich weiß, das ist alt, aber ich dachte, ich würde teilen! 🙂

    InformationsquelleAutor David Rodrigues

  2. 2

    überprüfen Sie dieses: http://jsfiddle.net/EJyyr/

    verwendet dieses html:

    <tr><td> Personal Name </td></tr>
<tr><td> <input type='text' class='large' id='a'> </td></tr>

<tr><td> Email</td></tr>
<tr><td> <input type='text' class='large' id='b'> </td></tr>

    - und dies ist die jQuery which logs the input text id

    $('.large').keypress(function (e) {
   if(e.which ==13)
    console.log($(this).attr('id'));
});

    InformationsquelleAutor Jai

  3. 0

    Dank David Rodrigues für deine Erklärung. Es hat mir sehr geholfen. Ich musste ein upgrade für mein JQuery-Bibliothek und das .live () - Funktion gestoppt, um richtig zu arbeiten.

    Können Sie es verwenden, um die folgenden

    Wählen Sie alle Kontrollkästchen Eingänge von einem Formular beim klicken auf select_all_checkboxes input type checkbox:

    jQuery(document).on("click", "#select_all_checkboxes", function(){
    var chk = this.checked;
    $('input[id=selectAll]').each(function(){
        this.checked = chk;
    });
});

    Rufen Sie die Funktion "checkMail", wenn der Benutzer das Feld verlassen, mit den tab-ou auf der jedes Feld hat eine Klasse namens "E-Mail":

    jQuery(document).on("blur", 'input.email', function(event){
    var email = $(this).val();
    if (!checkMail(email)) {
        alert("Invalid email.");
        $(this).focus();
    }
});
    Während Ihre Antwort ist willkommen, einen Kommentar zu einem anderen user die Antwort sollte sein, dass nur.

    InformationsquelleAutor Alexandre Ribeiro

Schreibe einen Kommentar