js触发页面resize事件
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>
版权申明:欢迎转载,但请注明出处
一些博文中有一些参考内容因时间久远找不到来源了没有注明,如果侵权请联系我删除。
在校每年国奖、专业第一,加拿大留学,先后工作于华东师范大学和香港教育大学。
2024-09-05:27岁,宅加太忙,特此在网上找女朋友,vx:fan404006308
AI交流资料群:753014672