mouseover和dragstart有不同的目标

Question

我正在使用以下格式处理html：

<a href = xxx> <div> div1 </div> <div> div2 </div> </a>

当我将鼠标放在第一个div上时，我的鼠标悬停事件的目标是div，但是当我拖动div时，目标将成为整个标记。有没有办法将拖动目标设置为div而不是整个链接？

Answer 1

您的HTML似乎无效

  

REF：HTML 5指出，只要内部没有交互式内容（例如按钮或其他链接），元素“可以包裹整个段落，列表，表格等等，甚至整个部分”。< / p>      

参考：Is putting a div inside an anchor ever correct?

将draggable="true"添加到元素（HTML5功能）

  

拖动

     

draggable global属性是一个枚举属性，用于指示是否可以使用HTML Drag and Drop API拖动元素。它可以具有以下值：

     

true ，表示可以拖动元素

     

false ，表示可能无法拖动该元素。

     

参考：https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable

<a href="">
  <div draggable="true"> div1 </div>
</a>
<a href="">
  <div draggable="true"> div2 </div>
</a>