How can I link this html button to the input type "text" so that when I press enter from the input type, the button is activated?

Question

Here is the html code for the form:

<form>
 Input Twitter ID: <input type="text" name="userid" id="userid">  

<button type="button" onClick="getStatuses();">Get recent tweets</button>  

</form>

Currently the button activates getStatuses(). I want it so that when the user presses enter/return after inputting text, it also activates the button. The input is used in getStatuses() and is referenced by the id of the input.

possible duplicate of [Trigger a button click with JavaScript on the Enter key in a text box](http://stackoverflow.com/questions/155188/trigger-a-button-click-with-javascript-on-the-enter-key-in-a-text-box) — Shikiryu, Apr 08 '13 at 20:10

score 1 · Answer 1 · answered Apr 08 '13 at 20:11

1

You can use the onkeyup attribute and call a function:

JS:

function checkKey(e){
    var enterKey = 13;
    if (e.which == enterKey){
        getStatuses();
    }
}

HTML:

<input type="text" name="userid" id="userid" onkeyup="checkKey(event)">

answered Apr 08 '13 at 20:11

tymeJV

103,943
14
161
157

13 is the keycode for the enter key. See this fiddle: http://jsfiddle.net/Yazpj/532/ – tymeJV Apr 08 '13 at 20:19
just wondering if I am replacing anything in the code. Like am I changing 'event' for something else? – user1835504 Apr 10 '13 at 13:46
I added the code as you sent it and it wasn't working. Thanks for help btw – user1835504 Apr 10 '13 at 13:47
nothing, the text disappears, and the method i specified to run in the checkkey function doesn't execute. – user1835504 Apr 10 '13 at 13:56
what does the 'event' part mean? – user1835504 Apr 10 '13 at 14:04
That is passing in the current key that is pressed. – tymeJV Apr 10 '13 at 14:07

How can I link this html button to the input type "text" so that when I press enter from the input type, the button is activated?

1 Answers1