Ruft den Wert des Eingabetexts ab, wenn die Eingabetaste gedrückt wird

Ich versuche das:

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

mit etwas Javascript, um zu prüfen, ob die Eingabetaste gedrückt ist:

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

Das funktioniert im Moment gut, aber meine Frage, wie ich den Wert in das Textfeld bekomme, ich dachte daran, einen Verweis “this” an die Funktion zu übergeben, oder wenn sie IDs hätten, könnte ich IDs verwenden, aber dann tue ich es nicht Sehen Sie, wie ich unterscheiden könnte, welches getippt wurde, was mich wieder auf das gleiche Problem zurückbringt …

Versuche 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

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

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

Verwenden Sie einfach das Ereignisobjekt

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

Sie sollten keinen Javascript-Code in Ihren HTML-Code einfügen, da Sie diesen Eingaben eine Klasse (“Suche”) zuweisen, gibt es 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() ); 
} ); 

Hören Sie die change Veranstaltung.

document.querySelector("input")
  .addEventListener('change', (e) => {
    console.log(e.currentTarget.value);
 });

    const $myInput = document.getElementById('myInput');

    $myInput.onkeydown = function(event){
        if(event.key === 'Enter') {
            alert($myInput.value);        
        }
    }

So etwas (nicht getestet, sollte aber funktionieren)

Übergeben Sie dies als Parameter in HTML:

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

Und warnen Sie den Wert des an die Suchfunktion übergebenen Parameters:

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