javascript - 观察浏览器窗口

Question

有没有办法用 Observable 观察浏览器窗口？例如使用 rxJS 或类似的东西。每次重新缩放浏览器窗口时，我都想触发一个 Action 。

Answer 1

如果我对您的理解正确，您想观察window 的调整大小事件。 使用 RxJS 非常简单:

Rx.Observable
  .fromEvent(window, 'resize')
  .subscribe(event => {
    // output new window width and height
    console.log(window.innerWidth, window.innerHeight)
    // or
    console.log(event.target.innerWidth, event.target.innerHeight)
  })