如何停止使用javascript传播滚动事件？

Question

让我们举一个简单的例子：

HTML：

<div id="A">
    <div id="B">
    </div>
</div>

当用户将鼠标移动到元素B并开始滚动时，元素A不应该得到滚动事件。如何从传播中禁用滚动事件？

编辑： 我已经尝试过这个js代码但它不起作用。有什么想法吗？

document.getElementById("B").scroll = function(e) {e.stopPropagation();}

Answer 1

event.stopPropagation（）方法停止将事件冒泡到父元素，从而阻止执行任何父事件处理程序。

https://developer.mozilla.org/en/docs/Web/API/Event/stopPropagation

Answer 2

你需要使用event.stopPropagation（）;更多info jsfiddle demo

Html：

<div id="A">
   <div id="B">

   </div>
</div>

Jquery的

$( "#A" ).scroll(function( event ) {
  alert('A scrolled');
});
$( "#B" ).scroll(function( event ) {
   event.stopPropagation();
   alert('B scrolled');
});