Iframe focus

Post reply

❤Follow Topic(3)

0 favourites

3 posts

- andreyin
- - Joined 11 Jan, 2010
  - 84 topics • 907 posts
- 1
- 1 Apr, 2024
- Quote
I'm trying to create an iframe while the game is running, and loading a .html file that's included in my Files folder in the project manager.

It works great, but I couldn't get it to focus properly. I tried adding
<script type="text/javascript"> window.focus(); </script>

In the .html file, and it kinda does the trick, but only if I press any key on my keyboard after the creating of the iframe. Also, it somewhat works with gamepads, but for some reason the sound won't play, as if the iframe isn't properly focused.

Here's the code I currently have, trying to run a GB emulator inside an iframe:

file.io/guOlZD5OxvWA
Any ideas are appreciated!!
Tagged:

focus
iframe
- Ashley Construct Team Founder
- Moderator
- - Joined 21 May, 2007
  - 669 topics • 30,083 posts
- 2
- 2 Apr, 2024
- Quote
To prevent abuse, both windows and iframes cannot normally assign focus to themselves automatically. The user must click or touch inside an iframe to intentionally give it focus. You can encourage that with a "click here to start" type button. Unfortunately as gamepads aren't able to specifically direct input to a window, I don't think you can use a gamepad to transfer focus.

One exception may be that the parent frame may be able to transfer its own focus to the iframe with something like iframeElem.contentWindow.focus(). That might require a user input too, but I'm not sure, I can't remember the browser rules around that off the top of my head.
Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads
- andreyin
- - Joined 11 Jan, 2010
  - 84 topics • 907 posts
- 1
- 2 Apr, 2024
- Quote
That's too bad, this makes iframes pratically unusable for gamepad supported games :(

I tried iframeElem.contentWindow.focus(); too but it didn't work properly. The only way I could figure out to make it work was to add window.focus(); in the <script> parts of the html page. This makes the window focused enough for gamepad and keyboard to work on it, but for some reason if you're only using gamepads, there's no sound.