jQuery simulate keypress on input

Question

I tried the answer here but it doesn't work for me.

JSFiddle: https://jsfiddle.net/Ldu6wwv0/

$('input').val('test').trigger(jQuery.Event('keypress', {keycode: 13}));

$('input').on('keypress', function(){
    $('p').text("worked");
});

What am I doing wrong?

That's odd. I'm on chrome as well and it doesn't work -Version 56. I just tried on Safari, Firefox too.. no dice. — Kalzone
– Kalzone, Commented Mar 9, 2017 at 1:34

Yuvraj · Accepted Answer · 2017-03-09 02:12:11Z

2

The problem seems to be order of your code. Your code which triggers keypress is defined before the event handler.

This seems to work now. (JSFiddle)

$('input').on('keypress', function(){
    $('p').text("worked");
});

$('input').val('test').trigger(jQuery.Event('keypress', {keycode: 13}));

UPDATE: Also Please don't use keycode as it is deprecated (link) and might not work in some cases. I've personally faced this issue. Use which instead.

JSFiddle

$('input').on('keypress', function(){
    $('p').text("worked");
});

var e = jQuery.Event("keypress");
e.which = 13;
$("input").focus().val('test').trigger(e);

edited Mar 9, 2017 at 2:12

answered Mar 9, 2017 at 2:05

Yuvraj

2051 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kalzone Over a year ago

Works now! Thanks

Collectives™ on Stack Overflow

jQuery simulate keypress on input

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related