Block onmousedown for child element

Question

對不起，我的英語不好。我有以下建設。

<div onmousedown="drag_drop(ev)" class="abc"> 
    <img src="test.jpg"></img> 
    <div class="xyz"></div> 
</div> 

當我拖動圖片時，「onmousedown」事件被觸發。我怎樣才能防止這一點？當「test.jpg」被拖動時，我需要移動「abc」塊。

Answer 1

你必須檢查事件的目標是正確的，例如：當你點擊圖片

drag_drop = function (evt) { 
    if (evt.target.classList.contains('abc')) { 
    //you have clicked the outer div 
    } 
}