防止 alert() 方法触发两次

Question

我正在编写一个脚本，当用户向上或向下滚动时，该脚本将在指定的 div 中向用户显示不同的页面内容。现在我正在测试功能，当用户滚动时只弹出 2 个不同的警报。问题是alert() 方法有时会触发两次，我不知道为什么。

$(window).on('wheel', function(event){
   if(event.originalEvent.deltaY < 0){
   
      // mouse wheel up
      event.stopImmediatePropagation();
      alert("You scrolled up!");

   }
   else {
      // mouse wheel down
      event.stopImmediatePropagation();
      alert("You scrolled down!");
  }
});

Answer 1

使用event.isImmediatePropagationStopped() 方法检查是否为事件调用了此方法。