How to trigger HTML button when you press Enter in textbox?

html button input textbox
Ben picture Ben · Oct 18, 2012 · Viewed 222k times · Source

So the code that I have so far is:

<fieldset id="LinkList">
    <input type="text" id="addLinks" name="addLinks" value="http://">
    <input type="button" id="linkadd" name="linkadd" value="add">
</fieldset>

It is not in a <form> and is just as it is within a <div>. However when I type something into the textbox called "addLinks" I want the user to be able to press Enter and trigger the "linkadd" button which will then run a JavaScript function.
How can I do this?
Thanks

Edit: I did find this code, but it doesnt seem to work.

$("#addLinks").keyup(function(event){
    if(event.keyCode == 13){
        $("#linkadd").click();
    }
});

Answer

Man Programmer picture Man Programmer · Oct 18, 2012 
$(document).ready(function(){
    $('#TextBoxId').keypress(function(e){
      if(e.keyCode==13)
      $('#linkadd').click();
    });
});

Related questions

HTML: How to make a submit button with text + image in it?

I would like to have a submit button which contains text and an image. Is this possible? I can get the exact look I want with code that looks like: <button type="button"> <img src="save.gif" …

Read More
Input button target="_blank" isn't causing the link to load in a new window/tab

I have an HTML file with an input button. This is only an example button, but it's including all necessary info of code: <input type="button" onClick="parent.location='http://www.facebook.com/'" value="facebook" target="_blank"> …

Read More
Totally invisible html buttons

Use the following code: <html> <body> <input type="submit" style="color: transparent; background-color: transparent; border-color: transparent; cursor: default;"> </body> </html> Save this file as a html file. If you open …

Read More