我在尝试向应用程序中的元素添加全屏功能时遇到问题。

我基本上是这样的:

    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));

10-07 19:59
查看更多