问题描述:
当拖拽结束后,会触发效果一,当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;
- })