den Wert des eingegebenen Textes erhalten, wenn Enter-Taste

Question

gedrückt

ich dies versuchen:

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

mit einigen Javascript um zu überprü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 in Ordnung , aber meine Frage, wie man den Wert innerhalb des Textfelds bekommt, dachte ich daran, einen Verweis "das" an die Funktion zu übergeben, oder wenn sie IDs hätten, dann könnte ich IDs verwenden, aber dann sehe ich nicht, wie ich unterscheiden könnte welcher Typ wurde getippt und bringt mich wieder zum selben Problem ...

Answer 1

Versuchen Sie folgendes:

<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

Answer 2

Etwas Ähnliches (nicht getestet, aber funktionieren sollte)

dies in Html als Parameter übergeben:

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

Und den Wert der in die Suchfunktion übergebene Parameter alarmieren:

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

Answer 3

einfach mit dem Event-Objekt

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

Answer 4

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

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

Answer 5

Sie sollten keinen JavaScript-Code in Ihren HTML-Code einfügen, da Sie diesen Eingaben eine Klasse ("Suche") geben. Es gibt keinen Grund, dies zu tun. Eine bessere Lösung wäre, so etwas zu tun: