让前端飞Web网页前端后台技巧(CSS+HTML)

【JS】实时监听视窗宽度(最傻瓜式版本)

2019-01-26  本文已影响13人  德育处主任
微信订阅号:Rabbit_svip

用JS实时监听屏幕宽度,是为了配合CSS更好的控制。

思路是:监听页面加载,然后再监听浏览器缩放。

window.addEventListener('load', function() {
    console.log(window.innerWidth);
    
    window.addEventListener('resize', function() {
        console.log(window.innerWidth);
    })

})
微信订阅号:Rabbit_svip

关键词

点此可获取源码,方便的话给个Star~

上一篇下一篇

猜你喜欢

热点阅读