hook on javascript "document.addEventListener"

Question

in my html, I've got an event binding as below:

document.addEventListener('keydown', onKeyDown);

Now that I'd like to hook on the keydown event, i.e., when keydown happens, call another function and trigger the onKeyDown manually.

the document.addEventListener('keydown', onKeyDown); is already there(upstream) and I don't want to change it. so to sum up:

`keydown` -> `do something` -> `onKeyDown`

Is there a way to achieve this?

You want to execute the onKeyDown() on a specific key press ? — coolguy
– coolguy, Commented Feb 4, 2013 at 3:02
@Bergi thanks I've edited the question to fix that. @ubercooluk, yep, the document.addEventListener is already there I don't want to change it(upstream), I want to add hook during keydown: keydown-> do something -> onKeydown. — yuwang
– yuwang, Commented Feb 4, 2013 at 3:12

otakustay · Accepted Answer · 2013-02-04 03:14:23Z

1

If your onKeyDown method could be accessed, you can remove it from event listeners and reattach a modified version:

function myKeyDown() {
    // your logic
    onKeyDone.apply(this, arguments);
}
document.addEventListener('keydown', myKeyDown);
document.removeEventListener('keydown', onKeyDown);

answered Feb 4, 2013 at 3:14

otakustay

12.6k6 gold badges41 silver badges45 bronze badges

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

Collectives™ on Stack Overflow

hook on javascript "document.addEventListener"

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related