html - Call a function when the enter button is pressed via Javascript

Question

I have a problem, I want to call a function inside a textbox, when I press enter, this is my code

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

I want to put something like onenterpress="doSomething()"

How can I do this ?

Answer 1

If you want to use obtrusive Javascript:

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

Handling this unobtrusively:

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

Your best choice is to use the latter approach. It will aid in maintainability in the long run.

Reference: http://en.wikipedia.org/wiki/Unobtrusive_JavaScript