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; };
琥珀君的博客

浙公網安備 33010602011771號