javascript - 通过Javascript按下回车按钮时调用函数

Question

我有一个问题，我想在文本框中调用一个函数，当我按下回车键时，这是我的代码

<input  type="text" value="DIGITE O LOCAL" onclick="this.select()" size="20" id="endereco">

我想放一些类似的东西onenterpress="doSomething()"

我怎样才能做到这一点 ？

Answer 1

如果你想使用突兀的 Javascript：

<input type="text" value="DIGITE O LOCAL" onclick="this.select()" 
onKeyDown="if(event.keyCode==13) alert(5);" size="20" id="endereco">

不显眼地处理这个：

document.getElementById('endereco').onkeydown = function(event) {
    if (event.keyCode == 13) {
        alert('5');
    }
}

您最好的选择是使用后一种方法。从长远来看，它将有助于可维护性。

参考：http ://en.wikipedia.org/wiki/Unobtrusive_JavaScript

Answer 2

HTML

<input  type="text" value="DIGITE O LOCAL" onkeypress="doSomething(this, event)" onclick="this.select()" size="20" id="endereco">

JS

function doSomething(element, e) {
    var charCode;

    if(e && e.which){
        charCode = e.which;
    }else if(window.event){
        e = window.event;
        charCode = e.keyCode;
    }

    if(charCode == 13) {
        // Do your thing here with element
    }
}

Answer 3

Daniel Li 的回答是最巧妙的解决方案，但您可能会遇到 IE 和 event.keyCode 返回 undefined 的问题，就像我过去遇到的那样。要绕过这个检查 window.event

document.getElementById('endereco').onkeydown = function(event){
    var e = event || window.event;
    if(e.keyCode == 13){
        alert('5');
    }
}​