如何在Javascript（React）中将拖动事件限制为容器div？

Question

下面代码创建的div元素包含一个边框。如果我按边框拖动缩略图，则拖动事件的目标（ev.target）是div元素。如果我用附带的图像拖动缩略图，目标就是图像本身。

我希望拖动事件的目标始终是包含div。我正在尝试这样做，以便我可以更改缩略图中包含的图像。

提前感谢您提供有关如何继续的建议。

function Photo_Thumbnail(props){
    return (
        <div draggable="true" onDragStart={dragStart} onDragOver={dragover_handler} onDrop={drop_handler}>
            <Thumbnail src={props.photo}/>
        </div>  
    );
 }

Answer 1

我自己设法解决了这个问题。

在拖动事件处理程序中，使用event.currentTarget属性而不是event.target。这将捕获拖动事件已绑定到的dom元素。