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

最新推荐文章于 2024-03-22 11:20:24 发布

qq_37200686

最新推荐文章于 2024-03-22 11:20:24 发布

阅读量343

点赞数

文章标签： webgl

本文链接：https://blog.csdn.net/qq_37200686/article/details/133313511

版权

问题描述：

当拖拽结束后，会触发效果一，当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;
})