Facing issue in triggering keypress event in JavaScript

Question

I want to fire Tab key's keypress event on a specific condition, but I'm getting error.

Error: Uncaught TypeError: event.initKeyEvent is not a function

Code

function simulateKeyPress(element) {
  console.log("Simulate")
  var event = document.createEvent('KeyboardEvent'); // create a key event

  // define the event
  event.initKeyEvent("keypress", // typeArg,
    true, // canBubbleArg,
    true, // cancelableArg,           
    null, // viewArg,  Specifies UIEvent.view. This value may be null.
    false, // ctrlKeyArg,
    false, // altKeyArg,
    false, // shiftKeyArg,
    false, // metaKeyArg,
    9, // keyCodeArg,
    9); // charCodeArg);
  element.dispatchEvent(event);
}

function keyPress(event) {
  simulateKeyPress(this);
}

(function() {
  var inputs = document.getElementsByTagName("input");
  for (var i = 0; i < inputs.length; i++) {
    inputs[i].addEventListener("keypress", keyPress);
  }
})()

<input type="text">
<input type="text">

I have been taking following links for reference but still unable to get it working.

Stackoverflow - Answer given by @Philip Nuzhnyy
MDN

Following is the link of Fiddle

Edit

Updated Fiddle that uses KeyboardEvent, but still unable to fire Tab keypress event.

Also, I'm not looking for jQuery.

Its not available now developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/… — Anand Singh
– Anand Singh, Commented Nov 26, 2015 at 14:27
You can use this developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/… — Anand Singh
– Anand Singh, Commented Nov 26, 2015 at 14:30
@AnandSingh MDN. Both KeyboardEvent.initKeyEvent and KeyboardEvent.initKeyboardEvent have been marked as deprecated. — Rajesh Dixit
– Rajesh Dixit, Commented Nov 26, 2015 at 14:38

Community · Accepted Answer · 2020-06-20 09:12:55Z

1

 console.log(typeof (event.initKeyEvent)); // returns undefined

and MDN docs say :

This feature has been removed from the Web standards. Though some browsers may still support it, it is in the process of being dropped. Do not use it in old or new projects. Pages or Web apps using it may break at any time.

Do not use this method any more, use the KeyboardEvent() constructor instead.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Nov 26, 2015 at 14:18

Ramanlfc

8,3541 gold badge21 silver badges24 bronze badges

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

2 Comments

Rajesh Dixit Over a year ago

I have updated my Fiddle. Now error is now thrown but Tab is not getting fired. I suppose there is some silly mistake. Can you please help?

Rajesh Dixit Over a year ago

Also I was a bit confused with keyCode, charCode and code.

Collectives™ on Stack Overflow

Facing issue in triggering keypress event in JavaScript

Code

Edit

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Code

Edit

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related