阻止onmousedown为子元素

Question

抱歉我的英语不好。我有以下结构。

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

当我拖动图片时，＆＃34; onmousedown＆＃34;事件被触发。我怎么能阻止这个？我需要＆＃34; abc＆＃34;阻止被移动的时候＆＃34; test.jpg＆＃34;被拖了。

Answer 1

您必须检查事件的目标是否正确，例如：

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