JavaScript onkeydown not functioning

Question

I'm trying to setup a text box that runs a function on keydown.

The code is:

var input = document.getElementById('Input_Number');
input.addEventListener('onkeypress', DrawDigits);

function DrawDigits(event) {

    if (event && event.keyCode == '13') {}
}

Here's an example: http://jsfiddle.net/wuK4G/

I know this is a common question, but I really can't find the answer. I've tried several methods and none of them work.

I don't think its the correct fiddle, Also, why is there a keypress in the code ? — The Dark Knight
– The Dark Knight, Commented Aug 14, 2013 at 20:13
I am using jQuery. It's the right fiddle. The event listener is at line 24. The function is at line 31. I threw an alert in there to see if it works. — JVE999
– JVE999, Commented Aug 14, 2013 at 20:15

putvande · Accepted Answer · 2013-08-14 20:14:34Z

3

Try this:

function DrawDigits(event) {
    if (event && event.keyCode == '13') {}
}

var input = document.getElementById('Input_Number');
input.addEventListener('keypress', DrawDigits);
//                      ^^

The eventlistener is keypress instead of onkeypress.

If you assign the eventlistener without addEventListener it is:

document.getElementById('Input_Number').onkeypress = DrawDigits

Maybe that was the confusion?

answered Aug 14, 2013 at 20:14

putvande

15.3k3 gold badges37 silver badges51 bronze badges

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

1 Comment

JVE999 Over a year ago

That worked. I'll select it as the correct answer. I could've sworn I tried that method, but apparently I didn't. Thanks.

Collectives™ on Stack Overflow

JavaScript onkeydown not functioning

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related