阻止子元素的onmousedown

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