Dragstart事件不触发ReactJS

时间:2019-03-04 20:22:39

标签: javascript reactjs

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);
}

有人可以帮我这个忙吗?谢谢。

1 个答案:

答案 0 :(得分:0)

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

<p draggable="true">