前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >网页全屏插件 screenfull.js

网页全屏插件 screenfull.js

作者头像
前Thoughtworks-杨焱
发布2021-12-08 09:34:54
8.8K0
发布2021-12-08 09:34:54
举报
文章被收录于专栏:杨焱的专栏杨焱的专栏

全屏测试按钮

代码语言:javascript
复制
 jQuery(function() {     jQuery('#btn_full_scr').click(function() {         if (!screenfull.enabled) {             alert('你的浏览器不支持全屏');         }         screenfull.request();         // does not require jQuery, can be used like this too:         //screenfull.request(document.getElementById('container'));     }); }); 

代码如下:

代码语言:javascript
复制
<script src="/wp-content/uploads/2015/02/screenfull.js"></script>
<button id="btn_full_scr">全屏测试按钮</button>
<script>// <![CDATA[
jQuery(function() {

 jQuery('#btn_full_scr').click(function() {
 if (!screenfull.enabled) {
 alert('你的浏览器不支持全屏');
 }
 screenfull.request();
 // does not require jQuery, can be used like this too:
 //screenfull.request(document.getElementById('container'));
 });
});
// ]]></script>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2015-02-22,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
腾讯云服务器利旧
云服务器(Cloud Virtual Machine,CVM)提供安全可靠的弹性计算服务。 您可以实时扩展或缩减计算资源,适应变化的业务需求,并只需按实际使用的资源计费。使用 CVM 可以极大降低您的软硬件采购成本,简化 IT 运维工作。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档