闭包版本的屏幕缩放事件

最新推荐文章于 2022-03-26 16:02:34 发布

mj_leona

最新推荐文章于 2022-03-26 16:02:34 发布

阅读量220

点赞数

本文链接：https://blog.csdn.net/mj_leona/article/details/79715980

版权

本文介绍了一种使用JavaScript动态更新页面元素内显示的视窗宽度的方法。通过获取浏览器窗口的宽度，并利用`window.onresize`事件监听器，在窗口大小发生变化时实时更新指定HTML元素的内容。

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

<body>
    <div id="demo"></div>

</body>

<script>
    var demo = document.getElementById("demo");
    demo.innerHTML = window.innerWidth || document.documentElement.clientWidth;
    window.onresize = resize(function () {
        demo.innerHTML = window.innerWidth || document.documentElement.clientWidth;
    },30);

    function resize(fn,delay) {
        var timer = null;
        return function () {
            clearTimeout(timer);
            timer = setTimeout(fn,delay);
        }
    }
</script>