Как остановить событие прокрутки от распространения с помощью javascript?

Question

Давайте этот простой пример:

HTML:

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

Когда пользователь перемещает указатель мыши на элемент B и начинает прокручивать, элемент А не должен получить прокручивать события. Как отключить событие прокрутки от распространения?

EDIT: Я пробовал этот код js, и он не работает. Есть идеи?

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

Answer 1

Вы должны использовать 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'); 
}); 

Answer 2

Метод event.stopPropagation() останавливает барботирование событие для родительских элементов, предотвращая любые обработчики событий из родительского выполняется.

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