解决Unity WebGLInput插件全屏输入的问题

unity webgl的中文输入插件WebglInput在全屏的时候会出现无法输入中文/输入的英文会字母出现在光标后面/什么都输入不了的等无法正常使用的情况。

插件官网作者给出了unity的2017，2018，2019版本的全屏输入解决方法。

最新插件下载地址：https://github.com/kou-yeung/WebGLInput

这里将unity的2017，2018，2019，和2020版本的全屏输入解决方法写出来供大家参考：

用于Unity2017和Unity2018

更改html的全屏按键方法

1. <div class="fullscreen" onclick="gameInstance.SetFullscreen(1)">div>
2. ↓
3. <div class="fullscreen" onclick="document.makeFullscreen('gameContainer')">div>

用于Unity2019

更改html的全屏按键方法

1. <div class="fullscreen" onclick="gameInstance.SetFullscreen(1)">div>
2. ↓
3. <div class="fullscreen" onclick="document.makeFullscreen('unityContainer')">div>

用于Unity2020

更改html的全屏按键方法

1. fullscreenButton.onclick = () =>
2. {
3. //unityInstance.SetFullscreen(1);
4. document.makeFullscreen('unity-container');
5. };

并在最后添加以下代码：

1. //添加屏幕全屏和非全屏的监听
2. document.addEventListener('fullscreenchange', handleFullscreenChange);
3. function handleFullscreenChange()
4. {
5. var isFullscreen = document.fullscreenElement !== null;
6. if (isFullscreen)
7. {
8. console.log('Entered fullscreen mode');
9. canvas.style.width = screen.width+ 'px';
10. canvas.style.height = screen.height+ 'px';
11. }
12. else
13. {
14. console.log('Exited fullscreen mode');
15. canvas.style.width = "1366px";//根据实际发布的画布大小
16. canvas.style.height = "768px";//根据实际发布的画布大小
17. }
18. }

修改时确认自己的插件版本最好是最新版本。