Javascript: Pass event AND element reference

Question

I want an input field which calls a javascript function, if a key is pressed. But I'm not able to pass the event as well as an element reference. I can either pass the event:

<input type="text" name="chmod" value="644" onkeypress="chmod(e)">

or pass the element reference:

<input type="text" name="chmod" value="644" onkeypress="chmod(this)">

If I try to pass both there occurs an error:

<input type="text" name="chmod" value="644" onkeypress="chmod(e, this)">

Uncaught ReferenceError: e is not defined

Is there any way to pass both, the event and a reference to the element?

Cheers, Marco

Do you have access to use a JavaScript library like jQuery? This is a good example (cross browser pain) where being able to use a library lets you define your event handlers separately and bind them to the field(s) you want to use them on... overcoming the limitations of IE's legacy global event object, and manually passing the event in other browsers via inline event handlers. jQuery's keypress event handler: api.jquery.com/keypress for example. — scunliffe
– scunliffe, Commented Nov 8, 2013 at 11:19

Sebastien C. · Accepted Answer · 2013-11-08 11:20:24Z

13

<input type="text" name="chmod" value="644" onkeypress="chmod(event, this)">

answered Nov 8, 2013 at 11:20

Sebastien C.

4,8602 gold badges24 silver badges33 bronze badges

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

Comments

sroes · Accepted Answer · 2013-11-08 11:17:39Z

2

I'd do the following:

<input type="text" name="chmod" value="644" onkeypress="chmod">

Then your js:

function chmod(e) {
    var element = e.target;
    ...
}

answered Nov 8, 2013 at 11:17

sroes

15.1k1 gold badge58 silver badges75 bronze badges

1 Comment

Amit Singh Rawat Over a year ago

👍 I am looking for this solution exactly

Seimen · Accepted Answer · 2013-11-12 10:06:55Z

2

You should have a reference to the element in the event: event.target.

edited Nov 12, 2013 at 10:06

answered Nov 8, 2013 at 11:16

Seimen

7,2942 gold badges30 silver badges42 bronze badges

1 Comment

themisterunknown Over a year ago

Thank you. That is also a solution.

matewka · Accepted Answer · 2013-11-08 11:19:07Z

0

The this keyword is already in the function

<script>
function chmod(e) {
    var elem = this;
}
</script>

<input type="text" name="chmod" value="644" onkeypress="chmod">

answered Nov 8, 2013 at 11:19

matewka

10.2k3 gold badges35 silver badges43 bronze badges

Collectives™ on Stack Overflow

Javascript: Pass event AND element reference

4 Answers 4

Comments

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related