Dragstart事件不触发reactjs答案

【问题标题】：Dragstart event not firing reactjsDragstart事件不触发reactjs
【发布时间】：2019-03-04 20:22:39
【问题描述】：

dragstart 事件未在 chrome 浏览器上触发...我想在鼠标拖动事件上将状态设置为 true。所以我将 document.addeventlistener('dragstart', this.dragstart) 添加到 mousedown 方法中，如下所示，

componentDidMount() {
    document.addEventListener('mousedown', this.mousedown);
}

componentWillUnMount() {
    document.addEventListener('mousedown', this.mousedown);
}

dragstart = () => {
   console.log("dragstart");
}

mousedown = e => {
    console.log("mousedown"); 
    document.addEventListener('dragstart', this.dragstart);
}

有人可以帮我解决这个问题吗？谢谢。

【问题讨论】：

什么是render () { mousedown = e => {？这不是正常的 JSX 构造。您应该在render 方法中返回组件
编辑了问题。有错别字

标签： javascript reactjs

【解决方案1】：

ondragstart 事件在用户开始拖动元素或文本选择时发生，但我认为它不会在鼠标按下时触发。同样，元素需要是可拖动的。

<p draggable="true">

【讨论】：

谢谢。如何检查元素是否被拖动？
这是一个很好的资源，我认为应该涵盖它。HTML5 Drag and Drop