如何使用。點擊嵌套的div

Question

我有這樣的小提琴： https://jsfiddle.net/ren8v32v/

我想要的，就是點擊.block DIV下.underline DIV移動。問題是，當我點擊其中一個內部div時，JavaScript也會看到上面的div，所以動畫是「無效的」。

我想知道這種情況是否知道解決方案。

Answer 1

只需在事件處理程序的開頭使用e.stopPropagation()即可。這將防止事件冒泡通過dom。

$('.block').click(function(e) { 
    e.stopPropagation(); 
    ... stuff 

更新小提琴https://jsfiddle.net/ren8v32v/1/