How to trigger enter event with jquery

Question

I have the following which works:

$('textarea').keypress(function(e) {
    if (e.keyCode == '13') {
        alert('code');
    }
});

But I want to trigger that same thing when the page loads, I tried the following but it doesn't work:

var e = jQuery.Event("keypress");
e.which = 13; // Enter
$('textarea').trigger(e);

NOTE: I want to have the first snipped of code there, I DO NOT want to remove it.

You should be checking `e.which` in your handler instead of `e.keyCode`. — jbabey, Jul 16 '13 at 13:45
jbabey you seem to be right. Can you post is as the answer so I can accept? — dzumla011, Jul 16 '13 at 13:48

score 14 · Accepted Answer · answered Jul 16 '13 at 13:50

14

Use "which" instead of keyCode. "Which" works in both scenario

$('textarea').keypress(function (e) {
    if (e.which == '13') {
        alert('code');
    }
});

answered Jul 16 '13 at 13:50

Chirag Vidani

2,519
18
26

3

(e.keyCode || e.which) === 13 – karaxuna Jul 16 '13 at 13:52
@karaxuna Modified the code. – Chirag Vidani Jul 16 '13 at 13:52
+1 I think your answer is what he needs :) – karaxuna Jul 16 '13 at 13:54
@ChiragVidani somehow you have not modified the code – Marcel Djaman Nov 04 '15 at 11:43
@karaxuna +1 for the right bit. – Amin Pial Jun 07 '21 at 06:50

score 6 · Answer 2 · answered Jul 16 '13 at 13:58

6

Here is a solution for your problem http://jsfiddle.net/dima_k/zPv2a/

$('button').click(function(){
    debugger
    var e = $.Event("keypress");
    e.keyCode = 13; // # Some key code value
    $('#textbox').trigger(e);
});

 $('#textbox').keypress(function(e)
 {
    if (e.keyCode == '13') {
        alert('code');
    }
});

answered Jul 16 '13 at 13:58

Dima Kuzmich

1,286
11
18

1

isn't this a copy/paste of the answer here? http://stackoverflow.com/questions/832059/definitive-way-to-trigger-keypress-events-with-jquery – Omar Jul 16 '13 at 14:05
2

Take a look on a question. I believe, he already found the solution you attached, but it didn't work for him. So I attached a jsFiddle with working solution just to show that it works. – Dima Kuzmich Jul 16 '13 at 14:18

score 0 · Answer 3 · answered Jul 16 '13 at 13:46

Alternative solution:

var textarea = $('textarea').keypress(OnTextareaKeypress);
$(function(){
    OnTextareaKeypress.call(textarea[0], { e: { which: 13 } });
});

function OnTextareaKeypress(e) {
    if (e.which == '13') {
        alert('code');
    }
}

How to trigger enter event with jquery

3 Answers3

Linked

Related