javascript - 在带有 event.code 的 switch 语句中使用 JavaScript 运算符

Question

我有一个switch我尝试将键盘快捷键映射到水平整页滚动的语句:

• 空格键或向下翻页或向右箭头 向前滚动
• 向上翻页或向左箭头滚动 向后
• Home 或 向上箭头 转到开头 页面的
• End 或 向下箭头 滚动到末尾 页面的

这是我的尝试，但没有成功:

switch (event.code) {
  case "Space" || "PageDown" || "ArrowRight": {
    scrollAmount += window.innerWidth
    break
  }
  case "PageUp" || "ArrowLeft": {
    scrollAmount -= window.innerWidth
    break
  }
  case "Home" || "ArrowUp": {
    scrollAmount = 0
    break
  }
  case "End" || "ArrowDown": {
    scrollAmount = container.scrollWidth
    break
  }
}

在这种情况下我该如何正确使用运算符？

Answer 1

你应该specify each case separately :

switch (event.code) {
  case "Space":
  case "PageDown":
  case "ArrowRight": {
    scrollAmount += window.innerWidth
    break
  }
  case "PageUp":
  case "ArrowLeft": {
    scrollAmount -= window.innerWidth
    break
  }
  case "Home":
  case "ArrowUp": {
    scrollAmount = 0
    break
  }
  case "End":
  case "ArrowDown": {
    scrollAmount = container.scrollWidth
    break
  }
}