Detect key pressed in text input from onkeydown() inline function

Question

I have the following

<input name='blah[]' onkeydown="itemKeyDown(this)">

Is it possible to detect what key was pressed in the itemKeyDown() function?

I tried the usual approach with:

e.keyCode || e.which

but it returns undefined.

To note: I could do it the jQuery way, but I needed to specifically attach the function call in the HTML code (inside the tags) because I'm dynamically generating a lot of copies of this text field, and this way all fields generated will inherit the function call. I don't want to have to bind a listener to a text field, all are generated.

tfE · Accepted Answer · 2017-04-16 14:33:10Z

4

Like that?

function itemKeyDown(e) {
    console.log(e.keyCode || e.which);
}

<input name='blah[]' onkeydown="itemKeyDown(event)">

answered Apr 16, 2017 at 14:33

tfE

1905 silver badges12 bronze badges

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

1 Comment

BrownChiLD Over a year ago

crap, ok now i know why it didnt work. i used "this" in the argument instead of event geesh, thanks man.got it working using itemKeyDown(this,event)

Mohammed Habib · Accepted Answer · 2017-04-16 14:59:20Z

3

<input name='blah[]' onkeydown="itemKeyDown(this)">

this keyword doesn't carry any information about the event onkeydown it represent the DOM element (input)

to get the event data you should pass event keyword like:

<input name='blah[]' onkeydown="itemKeyDown(event)">

<script>
function itemKeyDown(e)
{
  console.log(e.keyCode)
}

</script>

answered Apr 16, 2017 at 14:59

Mohammed Habib

1024 bronze badges

Collectives™ on Stack Overflow

Detect key pressed in text input from onkeydown() inline function

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related