输入按键时获取输入文本的值

Question

我在尝试这个:

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

使用一些javascript来检查是否按下了回车键:

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

这个目前工作得很好,但是我的问题是如何在文本字段中获取值,我正在考虑将一个引用"this"传递给函数,或者如果它们有id,那么我可以使用ID但是我不会看看我如何区分输入哪一个,再次回到同一个问题......

Answer 1

试试这个:

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

JS代码

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

DEMO Link

Answer 2

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

jsFiddle示例:http://jsfiddle.net/NH8K2/1/

Answer 3

仅使用事件对象

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