javascript - 阻止子元素的 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
  }
}