js触发页面resize事件

转载

mb5fdb0fbba4f73 2020-03-23 23:43:00

文章标签 js html 微信人工智能大数据 文章分类 前端开发

js触发页面resize事件

一、总结

一句话总结：

1、let myEvent = new Event('resize');

2、window.dispatchEvent(myEvent);

二、js触发页面resize事件

博客对应课程的视频位置：

1、createEvent + dispatchEvent

1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>js触发页面resize</title>
 6     </head>
 7     <body>
 8         <script>
 9             window.onresize = function() {
10                 alert('触发成功');
11             };
12 
13             if(document.createEvent) {
14                 var event = document.createEvent("HTMLEvents");
15                 event.initEvent("resize", true, true);
16                 window.dispatchEvent(event);
17             } else if(document.createEventObject) {
18                 window.fireEvent("onresize");
19             }
20         </script>
21     </body>
22 </html>

2、new Event('resize') + dispatchEvent

<script>
    window.onresize = function() {
        alert('触发成功');
    };
    $(function () {
        //console.log($(window).width());
        //console.log($(window).height());
        let myEvent = new Event('resize');
        //console.log(myEvent);
        window.dispatchEvent(myEvent);
    });
</script>