<svelte:window>

  1. <svelte:window on:event={handler}/>
  1. <svelte:window bind:prop={value}/>

<svelte:window> 可以给 window 对象添加事件监听,通过这种方式组件被移除时你不需要再手动移除监听器,服务端渲染时你也不需要手动检测 window 对象。

  1. <script>
  2. function handleKeydown(event) {
  3. alert(`pressed the ${event.key} key`);
  4. }
  5. </script>
  6. <svelte:window on:keydown={handleKeydown}/>

你也可以绑定以下这些属性:

  • innerWidth
  • innerHeight
  • outerWidth
  • outerHeight
  • scrollX
  • scrollY
  • online - window.navigator.onLine的别名
  1. <svelte:window bind:scrollY={y}/>

scrollXscrollY 之外其余都是只读的。