In JavaScript, how can I create my own Keyboard event?

Question

In JavaScript, how can I create my own event that I can dispatch to another function. For example, I want to create Enter Key press eventso I may dispatch to another function that accepts Keyboard events.

Community · Accepted Answer · 2017-05-23 09:58:25Z

2

From Is it possible to simulate key press events programmatically?

function simulateKeyPress(character) {
  jQuery.event.trigger({ type : 'keypress', which : character.charCodeAt(0) });
}

$(function() {
  $('body').keypress(function(e) {
    alert(e.which);
  });

  simulateKeyPress("e");
});

DEMO

edited May 23, 2017 at 9:58

CommunityBot

11 silver badge

answered Jan 28, 2011 at 20:45

Moshe K.

7101 gold badge6 silver badges9 bronze badges

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

4 Comments

Salman Virk Over a year ago

Very nice !!! It works fine. I am wondering if it is possible not to trigger an event but create an event and send to an function that accepts event. Hence, event would not happen at all.

Moshe K. Over a year ago

@user395881 can you clarify a little more? In the example the event didn't actually happen

Moshe K. Over a year ago

I would suggest you take a look at createEvent and dispatchEvent

Salman Virk Over a year ago

Right ... Now, it makes sense.. Thanks

Collectives™ on Stack Overflow

In JavaScript, how can I create my own Keyboard event?

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related