防止內部div觸發外部事件

Question

我創建了一個基本的行點擊和拖動選擇功能。然而，這個問題是在列上點擊並拖動來打開和關閉它們。我正在尋找某種類型的return false或stopPropagation某種但我無法讓這些工作。

return false確實有助於防止文本選擇，但它並不妨礙列選擇影響行選擇。

爲了演示，http://jsfiddle.net/sjwcztre/，嘗試從右側選擇行 - 沒有問題。但儘量選擇在那裏列文本是存在的行 - 它會靠不住

var isMouseDown = false; 

$('.row').each(function() { 
    $(this).mousedown(function() { 
     isMouseDown = true; 
     rowClickHandler(this); 
     console.log('mdown'); 
     return false; 
    }) 
     .mouseover(function() { 
     if (isMouseDown) rowClickHandler(this); 
    }); 

    $(document).mouseup(function() { 
     isMouseDown = false; 
    }); 
}); 

function rowClickHandler(obj) { 
    $(obj).toggleClass('highlight'); 
} 

Answer 1

Check this，看它是否適合你。基本上你需要爲你的行的孩子創建事件，並以不同的方式處理它們，增加一個hoverChild控制變量有助於防止從父母再次懸停。