threejs的DragControls当click时会触发dragstart和dragend问题解决

问题描述:

当拖拽结束后,会触发效果一,当click时会触发效果二。但是实际上,当我click时会触发DragControls的dragstart和dragend事件,导致我做了一次拖拽操作。

解决:

当click时鼠标事件如下:

dragstart
mousedown
dragend
mouseUp
click

我发现,当click时只会触发dragstart 和  dragend 事件,这样我们可以通过是否触发了drag事件去判断是否是拖拽

let draging = false
this.controls.addEventListener('drag', (e: THREE.Event) => {
    draging = true;
})

this.controls.addEventListener('dragend', (e: THREE.Event) => {
    if(!draging){ return }
    // 做拖拽结束的效果...
    draging = false;
})

你可能感兴趣的:(webgl)