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

这篇具有很好参考价值的文章主要介绍了解决Unity WebGLInput插件全屏输入的问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

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

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

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

用于Unity2017和Unity2018

更改html的全屏按键方法

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

用于Unity2019

更改html的全屏按键方法

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

用于Unity2020

更改html的全屏按键方法

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

并在最后添加以下代码：

//添加屏幕全屏和非全屏的监听 
document.addEventListener('fullscreenchange', handleFullscreenChange); 
function handleFullscreenChange() 
{ 
  var isFullscreen = document.fullscreenElement !== null; 
  if (isFullscreen) 
  { 
    console.log('Entered fullscreen mode'); 
    canvas.style.width = screen.width+ 'px'; 
    canvas.style.height = screen.height+ 'px';
  }
  else
  {
     console.log('Exited fullscreen mode');
     canvas.style.width = "1366px";//根据实际发布的画布大小
     canvas.style.height = "768px";//根据实际发布的画布大小 
  } 
}

修改时确认自己的插件版本最好是最新版本。文章来源地址https://www.toymoban.com/news/detail-816975.html

到了这里，关于解决Unity WebGLInput插件全屏输入的问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！