扫一扫分享
screenfull.js是用于跨浏览器使用JavaScript Fullscreen api的简单包装器,可让您将页面或任何元素全屏显示,并且平滑浏览器实现差异 。
安装:
在命令行中执行: (注:因为这是生产依赖,所以执行--save)
npm install --save screenfull
document.getElementById('button').addEventListener('click', () => { if (screenfull.enabled) { screenfull.request(); } else { // Ignore or do something else } });
const el = document.getElementById('target'); document.getElementById('button').addEventListener('click', () => { if (screenfull.enabled) { screenfull.request(el); } });
const target = $('#target')[0]; // Get dom element from jQuery collection $('#button').on('click', () => { if (screenfull.enabled) { screenfull.request(target); } });
$('img').on('click', event => { if (screenfull.enabled) { screenfull.toggle(event.target); } });
if (screenfull.enabled) { screenfull.on('change', () => { console.log('Am I fullscreen?', screenfull.isFullscreen ? 'Yes' : 'No'); }); }
删除侦听器:
screenfull.off('change', callback);
if (screenfull.enabled) {
screenfull.on('error', event => {
console.error('Failed to enable fullscreen', event);
});
}
手机预览