Javascript 如何将以下事件侦听器转换为特定于供应商的侦听器？

如果用户在横向定向时全屏退出，我将使用以下函数触发事件：

document.addEventListener('webkitfullscreenchange', () => {
  if (util.isLandscape()) {
    console.log('EXITED')
  }
}, false)

我想添加

mozfullscreenschange

和MS等

如何构建一个功能来实现这一点？

简单（且天真）的方法可以是：

document.addEventListener('mozfullscreenchange', fullScreenFunction, false)
document.addEventListener('webkitfullscreenchange',fullScreenFunction, false)
document.addEventListener('msfullscreenchange', fullScreenFunction, false)
//etc
function fullScreenFunction()
{
 if (util.isLandscape()) {
        console.log('EXITED')
      }    
}

或者您可以尝试测试哪个前缀存在，然后只将一个事件句柄绑定到哪个前缀存在

大致设想如下：

var prefixes = ['webkit', 'moz', 'ms', 'o'];
var prefixToUse = '';
for (var i = 0; i < prefixes.length; i++) {
//This checks against the document object for that event.
//It will start with on eg onmsfullscreenchange or onwebkitfullscreenchange
    if( 'on' + prefixes[i] + 'fullscreenchange' in document) {
        prefixToUse = prefixes[i];
        break;
    } 
}
document.addEventListener(prefixToUse + 'fullscreenchange', fullScreenFunction, false);

function fullScreenFunction()
{
    if (util.isLandscape()) {
        console.log('EXITED')
    }
}

var前缀=['webkit'，moz'，ms'，o']；
var prefixToUse=''；
for（var i=0；i

这有帮助吗？