react 获取浏览器的宽度,根据不同宽度进行不同操作

js源码:

 //监听窗口大小改变

    componentDidMount() {

        window.addEventListener('resize', this.handleResize.bind(this)) 

      }

      //移除监听器,防止多个组件之间导致this的指向紊乱

    componentWillUnmount() { 

        window.removeEventListener('resize', this.handleResize.bind(this))

      }

    

    handleResize = e => {

        //e.target.innerWidth是浏览器窗口的宽度

        // 根据宽度不同,进行你所要进行的操作

        if( e.target.innerWidth<1600){

             document.getElementById("indexImgId").style.display="none"

        }else{

            document.getElementById("indexImgId").style.display="block"

        }

      }

发布了98 篇原创文章 · 获赞 19 · 访问量 10万+

猜你喜欢

转载自blog.csdn.net/water_Popcorn/article/details/104022036