Javascript webkitRequestFullScreen不是一个函数

当按下ESC时，我试图调用一个函数使屏幕再次处于全屏模式。也就是说，当按下ESC时，屏幕将进入正常模式。我需要再次处于全屏模式。识别了称为全屏功能的ESC单击事件，如

$(document).ready(function (){
var screen_change_events = "webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange";
$(document).on(screen_change_events, function () {
if (!window.screenTop && !window.screenY) {
$("iframe")['webkitRequestFullScreen'](); // Identified that ESC is triggered.So need to make it again fullscreen mode
}else{
//alert("no")
}
});
});

但是得到下面的错误

Uncaught TypeError: $(...).webkitRequestFullScreen is not a function

使用$iframe['webkitRequestFullScreen']；您正在创建一个jQuery对象并尝试调用其webkitRequestFullScreen方法，但jQuery对象没有此方法-只有元素对象有此方法

您可以像使用数组$iframe[0].webkitRequestFullScreen一样，通过索引jQuery对象中的元素来获取元素，但如果可以，最好为iframe元素指定一个唯一的ID，然后使用该ID：

在HTML中：

<iframe id="myvideo" src="..."></iframe>

另外，请注意，在方法前面加上webkit只能在基于webkit的浏览器上使用。要查看不同浏览器上可用的不同方法以及如何调用它们，请参阅。

$iframe[0]。webkitRequestFullScreen此操作有效。但现在显示一条警告：无法在“元素”上执行“requestFullscreen”：只能通过用户手势启动API。而且屏幕并不是全屏的。你可能会觉得很有帮助。

var elem = document.getElementById("myvideo");
if (elem.webkitRequestFullscreen) {
  elem.webkitRequestFullscreen();
}