表单在全屏模式下不允许文本输入

Forms don't allow text input when in fullscreen

本文关键字:不允许 文本 输入 模式 表单      更新时间:2023-09-26

当您在此站点上使用 chrome 单击全屏按钮时,文本输入无法正常工作,空格有效,但文本不起作用。用于使其全屏的代码是

function launchFullScreen(element) {
    if (element.requestFullScreen) {
        element.requestFullScreen();
    } else if (element.mozRequestFullScreen) {
        element.mozRequestFullScreen();
    } else if (element.webkitRequestFullScreen) {
        element.webkitRequestFullScreen();
    }
}

onClick="launchFullScreen(document.documentElement);"

看看这个网站

带按键输入的全屏 出于安全原因,大多数键盘输入 已在全屏模式下被阻止。但是,在谷歌浏览器中 可以通过使用标志调用该方法来请求键盘支持:

docElm.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);

这在 Safari 中不起作用,并且不会调用该方法。

对于 Firefox,我们正在讨论和研究如何 我们可以在不危及结束的情况下添加键盘输入支持 用户的安全。一个还没有人实施的建议是 requestFullscreenWithKeys 方法,该方法又会触发 用户的某些通知。

有关此问题的更多信息,请参阅SO上的旧帖子