고 덕 지도 가 threejs 전경 에 박 힌 구덩이 밟 기 안내

1132 단어 자바 script
프로젝트 에 사용 되 었 습 니 다 THREE.OrbitControls. 그리고 HTML 구조 (고 덕 지도) 도 내장 되 어 있 습 니 다. 제 가 사용 하 는 것 은 THREE.CSS3DObject 입 니 다. 이 로 인해 문제 가 발생 했 습 니 다. OrbitControls 사건 을 container 이상 DOM 에 연결 해 야 하기 때문에 CSS3DObject 중의 DOM 터치 사건 을 막 았 습 니 다.
사고 와 테스트 를 통 해 OrbitControls 중의 onTouchMove event.preventDefault()event.stopPropagation() 주석 을 없 애고 CSS3DObject.element 두 개의 사건 처리 절 차 를 추가 하면 된다.

//    OrbitControls  onTouchMove  event.preventDefault() event.stopPropagation()  ,                 document window

css3dObject.element.addEventListener("touchstart", e => {
  //         ,             (Scene)    
  //        preventDefault()    stopPropagation(),                        /    .
  e.stopPropagation()
})


다음으로 전송:https://juejin.im/post/5c4974f2e51d4505171c81cc

좋은 웹페이지 즐겨찾기