Press the enter key in a text box with jQuery

Question

0.00/5 (No votes)

See more:

How can I mimic pressing the enter button from within a <input>, using jQuery?
I want to simulate the enter button being pressed inside the textbox, and trigger this from jQuery.Please Help

Posted 27-Oct-14 5:03am

Naser Hassan

Updated 12-Jun-18 0:56am

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Dilan Shaminda · Answer 1 · 2014-10-27T05:21:00

Solution 2

use keypress event in jquery

JavaScript

$( "#textboxid" ).keypress(function( event ) {
  if ( event.which == 13 ) {
     //code here
     //13 represents Enter key
  }
});

or you can use

JavaScript

$("#textboxid").live('keypress',function(event){
     if(event.which == 13){
         //code here
     }
 });

More info from here

Posted 27-Oct-14 5:21am

Dilan Shaminda

Updated 27-Oct-14 5:23am

v2

Comments

Naser Hassan 27-Oct-14 12:43pm

this will work if user hit any key ....but i dont want user intervention ..i want to press enter key from code only

Dilan Shaminda 27-Oct-14 13:01pm

It will not works if user press anykey..It prevents by the if condition.

Snesh Prajapati · Answer 2 · 2014-10-27T05:17:00

Solution 1

Use "trigger" function of jQuery on page load or whenever needed to fire event:

$(document).ready(function () {
$("#YourControlID").trigger("TheEventNameYouWantToFire");
});

For more:
http://api.jquery.com/trigger/[^]
http://stackoverflow.com/questions/4247264/how-to-trigger-jquery-change-event-in-code[^]

To put cursor inside the text box when user hover the mouse on it:

$(this).ready(function (){
    $("#YourTextBoxId").hover( function (){
        $("#YourTextBoxId").trigger("focus");
    })
});

Thanks.

Posted 27-Oct-14 5:17am

Snesh Prajapati

Updated 27-Oct-14 6:59am

v3

Comments

Naser Hassan 27-Oct-14 12:34pm

I want to hit Enter when the focus is on Textbox through code .how can i do ??
that trigger part i didn't get :(

Snesh Prajapati 27-Oct-14 12:54pm

It seems you want to put cursor inside the text box when user hover the mouse over that text box...right ? if it is so I have added such code in answer.

Snesh Prajapati 27-Oct-14 12:58pm

Let us know if the new code given.....solves your issue.

Naser Hassan 27-Oct-14 15:01pm

user wont do any thing ...it is automate form fill up kind of thing ...i have one form which is submitted only when you hit "{ENTER}" if textbox has focus..
i am able to focus to textbox but not able to hit {"ENTER"} through code....

Dipak384 · Answer 3 · 2018-06-12T00:58:00

Solution 3

use keyup event in jquery

$("#id_of_textbox").keyup(function(event){
if(event.keyCode == 13){
$("#id_of_button").click();
}
});
document.getElementById("id_of_textbox")
.addEventListener("keyup", function(event) {
event.preventDefault();
if (event.keyCode == 13) {
document.getElementById("id_of_button").click();
}
});

You wrote:

Posted 12-Jun-18 0:58am

Dipak384

Updated 12-Jun-18 0:59am

v2

Comments

Richard Deeming 12-Jun-18 10:40am

Asked and answered FOUR YEARS AGO.

Stick to answering recent questions.