JS_0080：浏览器中弹出一个小窗口 window.open JS创建事件并触发事件 点击进入全屏和退出全屏

window.open(document.location, 'big', 'fullscreen=yes');

 js 

 

 <script type="text/javascript">      
      /* 创建一个事件对象，名字为newEvent，类型为HTMLEvent */
      var newEvent = document.createEvent("HTMLEvents");
  
      /* 
       * 实例化创建好的事件对象
       * 第一个参数：事件类型（就好像是click还是submit）
       * 第二个参数：是否冒泡
       * 第三个参数：是否阻止浏览器默认行为（例如阻止submit事件提交表单）
      */
     newEvent.initEvent("myEvent",true,true);
         
     /* 给自定义事件对象的属性赋值。这个属性一开始不存在，我们这里将其实例化了 */
     newEvent.name = "THis is Name";
         
     /* 
      * 将自定义事件绑定在document上，你也可以绑定到指定元素上。
      * 这里要注意：第一个参数要和上面initEvent()的第一个参数一致，否则无法触发这个事件以及获取newEvent中的一些属性（比如这里的newEvent.name）。
     */
     document.addEventListener("myEvent",function() {
         alert("自定义事件的name属性：" + newEvent.name);
     },false);
 
     /* 触发自定义事件 */
     document.dispatchEvent(newEvent);  
 </script> 

 

setTimeout(function() {
                                                // IE
                                                if(document.all) {
                                                    document.click();
                                                }
                                                // 其它浏览器
                                                else {
                                                    console.log('aaaaaaa');
                                                    var ek = document.createEvent("MouseEvents");
                                                    ek.initEvent("click", true, true);
                                                    document.addEventListener("click",function() {
                                                        console.log('2222222222');
                                                        const html = document.querySelector('html');
                                                        html.requestFullscreen().then(() => {
                                                            console.log('进入全屏成功');
                                                        }).catch(() => {
                                                            console.log('进入全屏失败');
                                                        });

                                                    },false);
                                                    document.dispatchEvent(ek);
                                                }
                                            }, );

 

点击进入全屏和退出全屏事件方法

var elem = document.documentElement;
                                if (!document.fullscreenElement && !document.msRequestFullscreen && !document.mozFullScreenElement && !document.webkitFullscreenElement) {
                                    if (elem.requestFullscreen) {
                                        elem.requestFullscreen();
                                    } else if (elem.msRequestFullscreen) {
                                        elem.mozRequestFullScreen();
                                    } else if (elem.mozRequestFullScreen) {
                                        elem.mozRequestFullScreen();
                                    } else if (elem.webkitRequestFullscreen) {
                                        elem.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
                                    };
                                    this.enableFillScrm = !0;
                                } else {
                                    if (document.exitFullscreen) {
                                        document.exitFullscreen();
                                    } else if (document.msRequestFullscreen) {
                                        document.mozCancelFullScreen();
                                    } else if (document.mozCancelFullScreen) {
                                        document.mozCancelFullScreen();
                                    } else if (document.webkitExitFullscreen) {
                                        document.webkitExitFullscreen();
                                    };
                                    this.enableFillScrm = !1;
                                };