我正在尝试使用elem.requestFullscreen
API,但我得到了这个错误(在Ubuntu上的Chrome 70上,没有在其他浏览器上测试(:
无法在"Element"上执行"requestFullscreen":API只能是由用户手势发起。
这看起来像是一条清晰的错误消息。我很高兴浏览器可以防止开发人员在没有用户交互的情况下启动全屏事件。
但就我而言,我有一个带有点击事件的按钮。点击事件怎么不是"用户手势"?我看过这个答案。
这是我的代码:
let button = document.getElementById('toggle')
button.addEventListener('click', function ()
{
let elem = document.getElementById('fullscreen')
if (elem.requestFullscreen) {
elem.requestFullscreen()
} else if (elem.mozRequestFullScreen) { /* Firefox */
elem.mozRequestFullScreen()
} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
elem.webkitRequestFullscreen()
} else if (elem.msRequestFullscreen) { /* IE/Edge */
elem.msRequestFullscreen()
}
})
<button id="toggle">
Toggle
</button>
<div id="fullscreen">
fullscreen content
</div>
https://jsfiddle.net/svierkant/15buv80z/9/
在这种情况下,什么是"用户手势"?如何通过单击事件切换全屏?
问题出在Chrome扩展(Ghostery–Privacy Ad Blocker(上。禁用扩展后,requestFullscreen
API再次正常工作。