windowのイベントリスナをすぐにremoveするとcallbackが起きない

何も起きない例

window.addEventListener("hashchange", foo)
location.hash = "a"
window.removeEventListener("hashchange", foo)

window.addEventListener("scroll", foo)
scrollTo(100, 100)
window.removeEventListener("scroll", foo)

function foo(e){
  console.log(e.type)
}

＊実際にハッシュもつくし、スクロールもする。

対応

removeを以下で行う

• callback内でする
• setTimeoutで遅らせる

function foo(e){
  console.log(e.type)
  window.removeEventListener(e.type, foo)
}