html自动实现f11效果,考试系统，开始考试自动全屏（F11的效果）怎么做

html>

页面名称

#butt {

width: 150px;

height: 58px;

font-size: 30px;

line-height: 58px;

color: #440000;

background: #dd8e4f;

border: 1px solid #ff6600;

text-align: center;

cursor: default;

}

#box {

overflow: hidden;

width: 0;

height: 0;

}

#test {

width: 100%;

height: 100%;

border-style: none;

}

开始考试

function fullScreen(id) {

var element = document.getElementById(id);

if (element.requestFullScreen)

return element.requestFullScreen();

if (element.webkitRequestFullScreen)

return element.webkitRequestFullScreen();

if (element.mozRequestFullScreen)

return element.mozRequestFullScreen();

if (element.msRequestFullScreen)

return element.msRequestFullScreen();

if (element.oRequestFullScreen)

return element.oRequestFullScreen();

}

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/weixin_32252533/article/details/117844925
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2023-01-02 21:39:23
阅读 ( 374 )
分类：前端

html自动实现f11效果,考试系统，开始考试自动全屏（F11的效果）怎么做

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看