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

Question

当您在此站点上使用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);"

Answer 1

看看这个网站

带键输入的全屏出于安全考虑,大多数键盘输入在全屏模式下被阻止.但是,在Google Chrome中,您可以通过使用标记调用方法来请求键盘支持:

docElm.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);

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

在Firefox中,我们正在讨论并研究如何在不损害最终用户安全性的情况下添加键盘输入支持的各种方式.尚未实现的一个建议是requestFullscreenWithKeys方法,该方法又会触发用户的某些通知.

有关此问题的更多信息可以在SO上的旧帖子中读到