纯js全屏效果

最新推荐文章于 2024-07-26 19:01:19 发布

有梦想的风筝

最新推荐文章于 2024-07-26 19:01:19 发布

阅读量2.7k

点赞数 1

分类专栏： css+js 文章标签： JS js实现全屏效果 requestFullscreen

本文链接：https://blog.csdn.net/samll_cat/article/details/81201083

版权

本文介绍了如何使用JavaScript的Element.requestFullscreen()方法实现全屏效果。通过在HTML中指定全屏DOM对象，并在JS中监听fullscreenchange和fullscreenerror事件来确保全屏操作的成功或失败处理。同时，文章提醒注意不同浏览器的兼容性问题。

摘要由CSDN通过智能技术生成

废话不多说直接上代码吧！
HTML部分：

<!DOCTYPE html>
<html lang="en" id="Content">
<head>
  <meta charset="UTF-8">
  <title>全屏</title>
</head>
<body>
        <ul>
            <li>
                <a id="BtnFullOpen" href="javascript:void(0);" title="按“F11”进入全屏模式">
                    <i