我在尝试向应用程序中的元素添加全屏功能时遇到问题。
我基本上是这样的:
var launchFullScreen = function (element) {
if(element.requestFullScreen) {
element.requestFullScreen();
}
else if(element.mozRequestFullScreen) {
element.mozRequestFullScreen();
}
else if(element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
}
};
var cancelFullscreen = function() {
if(document.cancelFullScreen) {
document.cancelFullScreen();
}
else if(document.mozCancelFullScreen) {
document.mozCancelFullScreen();
}
else if(document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
};
$("#view").on("keypress", function(event){
if(event.which == 27){
cancelFullscreen();
}
});
$("#view").on("click", function(event){
console.log("view clicked");
launchFullScreen($("#view"));
});
我看不到我在做什么错。有什么建议么?
最佳答案
我相信您是在jQuery包装的元素上调用全屏显示,而不是元素本身。尝试以下方法:
launchFullScreen($("#slideView").get(0));