Блок onmousedown для дочернего элемента

Question

Извините за мой плохой английский. У меня есть следующая конструкция.

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

Когда я перетаскиваю изображение, происходит событие «onmousedown». Как я могу это предотвратить? Мне нужно, чтобы блок «abc» перемещался при перетаскивании «test.jpg».

Answer 1

Вы должны проверить, если цель мероприятия является правильным, например:

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