SImulate "Enter pressing" when submit button is clicked

Question

When my submit Button in the form is clicked, I need to simulate that the "Enter button" is pressed. so: clicking on the submit form is equal to pressing Enter on the keyboard. Because I want to have the same method for both...

Here is what I have, but until now it doesnt works..

$(document).on('click', '#send', function(){
$("#chatMessageTextarea").focus();
var e = jQuery.Event("keypress");
e.which = 13;
e.keyCode = 13;

});

You don't need this. You can simply use `$('form').submit();` — Satpal, Apr 14 '15 at 10:48
if somebody clicks on my submit button, it should simulate that the user pressed enter and not clicked on the submit button, u understand? — JCoding, Apr 14 '15 at 10:51
http://stackoverflow.com/questions/5631589/detect-enter-key-is-pressed-with-jquery — Mohamed-Yousef, Apr 14 '15 at 10:53
For me, this makes no sense. If your button is clicked, you can call another method or function instead of emulate a key trigger. I don't understand it! — kosmos, Apr 14 '15 at 10:58
PLEASE: I want that if the button is clicked, it should automatically press the enter on the keyboard, without the user. is this inpossible? — JCoding, Apr 14 '15 at 11:03

score 0 · Answer 1 · answered Apr 14 '15 at 10:54

0

try something like this, not tested it, hope it helps!

function keyUpFunc(e) {
var keyCode_Enter = 13;
    if (e.keyCode === keyCode_Enter) {
        e.preventDefault();
        $('#send').trigger("click");                    
    }
}         

$(document).keyup(keyUpFunc);

$(document).on('click', '#send', function(){
    // Click Event handler for send
});

answered Apr 14 '15 at 10:54

Kalish

803
1
8
18

you can set the keyupfunc for a perticular field as well instead of document if thats what you require. – Kalish Apr 14 '15 at 10:57

score 0 · Answer 2 · edited May 23 '17 at 11:50

0

I am not sure what are you trying to achieve here. But if you want that I think this link has answer to simulate keypress via jQuery.

Definitive way to trigger keypress events with jQuery

Copied code from link:

var e = jQuery.Event("keydown");
e.which = 13; // # Some key code value
$("input").trigger(e);

edited May 23 '17 at 11:50

Community

1
1

answered Apr 14 '15 at 10:56

sk786

394
1
4
21

score 0 · Answer 3 · answered Apr 14 '15 at 11:19

0

Try this:

$(document).on('click', '#send', function(){
   $("#chatMessageTextarea").trigger({
        type: "keypress", 
        which: 13, 
        keyCode: 13});
});

hope it helps!

answered Apr 14 '15 at 11:19

jenjis

1,077
4
18
30

SImulate "Enter pressing" when submit button is clicked

3 Answers3