使用HTML5和JavaScript的全屏显示

我尝试使用JavaScript全屏显示一个div。这是我的HTML和JS：

var elem=document.getElementById'fullscreenThis'； 功能开放全屏{ 如果元素请求全屏显示{ 元素请求全屏； }否则，如果elem.mozRequestFullScreen{ elem.Moz要求全屏显示； }否则，如果elem.webkitRequestFullscreen{ elem.WebKitRequest全屏显示； }否则，如果elem.msRequestFullscreen{ elem.msRequestFullscreen； } } getElementById'fullscreen'。addEventListener'click'，openFullscreen； 下面是一些我想全屏显示的代码 全屏

---

通过在addEventListener调用中的openFullScreen末尾添加括号，可以调用该函数。这意味着您要添加一个事件监听器，它是openFullScreen函数的返回值，在本例中是未定义的

要解决此问题，只需删除括号：

document.getElementById('fullscreen').addEventListener('click', openFullscreen);

您还需要对要全屏显示的元素而不是body元素调用requestFullScreen方法：

var elem=document.getElementById'fullscreenThis'； 功能开放全屏{ 如果元素请求全屏显示{ 元素请求全屏； }否则，如果elem.mozRequestFullScreen{ elem.Moz要求全屏显示； }否则，如果elem.webkitRequestFullscreen{ elem.WebKitRequest全屏显示； }否则，如果elem.msRequestFullscreen{ elem.msRequestFullscreen； } } getElementById'fullscreen'。addEventListener'click'，openFullscreen； 下面是一些我想全屏显示的代码

---

全屏通过在addEventListener调用中的openFullScreen末尾添加括号，您正在调用该函数。这意味着您要添加一个事件监听器，它是openFullScreen函数的返回值，在本例中是未定义的

要解决此问题，只需删除括号：

document.getElementById('fullscreen').addEventListener('click', openFullscreen);

您还需要对要全屏显示的元素而不是body元素调用requestFullScreen方法：

var elem=document.getElementById'fullscreenThis'； 功能开放全屏{ 如果元素请求全屏显示{ 元素请求全屏； }否则，如果elem.mozRequestFullScreen{ elem.Moz要求全屏显示； }否则，如果elem.webkitRequestFullscreen{ elem.WebKitRequest全屏显示； }否则，如果elem.msRequestFullscreen{ elem.msRequestFullscreen； } } getElementById'fullscreen'。addEventListener'click'，openFullscreen； 下面是一些我想全屏显示的代码 全屏 var elem=document.getElementById'fullscreenThis'； 功能开放全屏{ 如果元素请求全屏显示{ 元素请求全屏； } } getElementById'fullscreen'。addEventListener'click'，openFullscreen； 下面是一些我想全屏显示的代码 全屏 var elem=document.getElementById'fullscreenThis'； 功能开放全屏{ 如果元素请求全屏显示{ 元素请求全屏； } } getElementById'fullscreen'。addEventListener'click'，openFullscreen； 下面是一些我想全屏显示的代码

---

fullscreenvar elem=document.getElementById'body'；：您没有名为body的元素。也许你的意思是var elem=document.querySelector'body'；？据说这是一具尸体。我在发布之前做了一点修改。好好看看。这非常有用。var elem=document.getElementById'body'；：您没有名为body的元素。也许你的意思是var elem=document.querySelector'body'；？据说这是一具尸体。我在发布之前做了一点修改。好好看看。这很有帮助。我还试图通过在函数声明后在下面添加openFullscreen来自动实现全屏。这对我来说并不奏效，即使我去掉了括号。但是，您所说的操作起了作用。这是因为您在主体上调用了requestFullsScreen方法，而不是要使其全屏显示的元素。我已经用一个工作片段编辑了我的答案。我还想指出，仅仅调用这个函数至少在chrome中是不起作用的。浏览器将发出警告：未能在“元素”上执行“requestFullscreen”：API只能由用户手势启动。Rayyan，如果答案对您有效，请您接受@新竹：这是一个很好的观点，我会把它添加到答案中。因为我没有足够的声誉，所以它不会起作用。我有11个，我需要15个我还试图通过在函数声明后在下面添加openFullscreen来自动实现全屏显示。这对我来说并不奏效，即使我去掉了括号。但是，您所说的操作起了作用。这是因为您在主体上调用了requestFullsScreen方法，而不是要使其全屏显示的元素。我已经用一个工作片段编辑了我的答案。我还想指出，仅仅调用这个函数至少在chrome中是不起作用的。浏览器w

---

错误警告：未能在“元素”上执行“requestFullscreen”：API只能由用户手势启动。Rayyan，如果答案对您有效，请接受@新竹：这是一个很好的观点，我会把它添加到答案中。因为我没有足够的声誉，所以它不会起作用。我有11个，我需要15个我知道。我把它改成了fullscreenthis，但忘了在js中修改。我知道。我把它改成了fullscreenthis，然后才把它放上去，但是忘了在js中修改它。