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 
    } 
}