元素全屏的设置与监听实例

前端之家收集整理的这篇文章主要介绍了元素全屏的设置与监听实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

设置全屏和退出全屏

退出全屏 $('#exitFullScreen').on('click',function () { exitFullScreen(); }); //进入全屏 function fullScreen() { var obj = document.getElementById('editMark'); if (obj.requestFullScreen) { obj.requestFullScreen(); } else if (obj.webkitRequestFullScreen) { obj.webkitRequestFullScreen(); } else if (obj.msRequestFullScreen) { obj.msRequestFullScreen(); } else if (obj.mozRequestFullScreen) { obj.mozRequestFullScreen(); } }

function exitFullScreen() {
var obj = document.getElementById('editMark');
if (document.exitFullscree) {
document.exitFullscree();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
}
}

监听全屏事件

以上这篇元素全屏的设置与监听实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

猜你在找的JavaScript相关文章