erhalten Sie den Wert des input-Textes, wenn enter-Taste gedrückt

Ich versuche dieses:

<input type="text" placeholder="some text" class="search" onkeydown="search()"/>
<input type="text" placeholder="some text" class="search" onkeydown="search()"/>

mit etwas javascript zu prüfen, ob die enter-Taste gedrückt wird:

function search() {
    if(event.keyCode == 13) {
        alert("should get the innerHTML or text value here);
    }
}

das funktioniert im moment gut, aber meine Frage, wie man den Wert aus dem Textfeld, ich dachte, der übergabe einer Referenz "this" auf die Funktion, oder wenn Sie hatten-id 's, dann könnte ich mit ID' s aber dann sehe ich nicht, wie ich unterscheiden könne, die man eingegeben wurde, bringt mein Rücken bis das gleiche problem wieder...

InformationsquelleAutor der Frage user2405469 | 2014-01-08

  1. 27

    Versuchen Sie dies:

    <input type="text" placeholder="some text" class="search" onkeydown="search(this)"/>  
<input type="text" placeholder="some text" class="search" onkeydown="search(this)"/>

    JS-Code

    function search(ele) {
    if(event.key === 'Enter') {
        alert(ele.value);        
    }
}

    DEMO-Link

    InformationsquelleAutor der Antwort ram

  2. 7
    $("input").on("keydown",function search(e) {
    if(e.keyCode == 13) {
        alert($(this).val());
    }
});

    jsFiddle Beispiel : http://jsfiddle.net/NH8K2/1/

    InformationsquelleAutor der Antwort Alexander

  3. 4

    Nur mit dem event-Objekt

    function search(e) {
    e = e || window.event;
    if(e.keyCode == 13) {
        var elem = e.srcElement || e.target;
        alert(elem.value);
    }
}

    InformationsquelleAutor der Antwort epascarello

  4. 1

    Etwas wie folgt aus (nicht getestet, sollte aber funktionieren)

    Übergeben Sie diese als parameter im Html-Format:

    <input type="text" placeholder="some text" class="search" onkeydown="search(this)"/>

    Und alarmieren Sie den Wert des Parameters ein, der in der search-Funktion:

    function search(e){
  alert(e.value);
}

    InformationsquelleAutor der Antwort Tim Sommer

  5. 0

    Sollten Sie nicht Javascript-code in den HTML-Code, da bist du was die input a-Klasse ("Suche"), es gibt keinen Grund, dies zu tun. Eine bessere Lösung wäre, so etwas zu tun : 

    $( '.search' ).on( 'keydown', function ( evt ) {
    if( evt.keyCode == 13 )
        search( $( this ).val() ); 
} );

    InformationsquelleAutor der Antwort Gabin

Schreibe einen Kommentar