How can an element inside an iframe capture a key event?

Question

I have a canvas element in a simple html document with an attached keydown and keyup listener. This works correctly when I load the document in the browser and start pressing the keys. However, if I load the document in an iframe, nothing happens when I press the keys. It seems the key events never enter the iframe or the document inside the iframe. Is there a way to fix this?

What element were you focused on when pressing keys? iFrames can only listen to events in themselves. — Digital Plane, Sep 21 '11 at 22:19

score 1 · Answer 1 · edited May 23 '17 at 10:28

1

I found the answer in this question. Setting the focus on the document inside the iframe solves the problem

Setting focus to iframe contents

edited May 23 '17 at 10:28

Community

1
1

answered Sep 21 '11 at 22:37

Marius

57,995
32
132
151

score 0 · Answer 2 · answered Jul 08 '15 at 10:44

0

I found subscribing the event to window.top worked for me, as my game was several iframes deep.

answered Jul 08 '15 at 10:44

Shane Skuse

1

How can an element inside an iframe capture a key event?

2 Answers2