HTML5 게임을 방해하는 마우스 강조 표시

Question

그래서 HTML5 Canvas 게임에서 많은 재미를 느낍니다. 한 가지 문제는 캔버스 요소 외에도 DOM 요소를 사용하는 경우 캔버스에서 클릭하고 끌어 DOM 요소를 강조 표시하고 선택한다는 것입니다. 이후의 클릭 조작은 캔버스에 등록하는 대신 DOM 요소를 "드래그"하기 시작합니다.

매우 짜증나 며, 나는 그것을 막을 좋은 방법을 찾을 수 없습니다. DOM 요소를 그대로 강조 표시 할 수 없게 만드는 방법이 있습니까? 이 문제가 발생한 사람은 누구입니까?

Addenda : 게임은 사수이므로 마우스를 계속 누르고 있으면 촬영을 계속할 수 있습니다. 하지만 건강과 점수는 DOM 요소 안에 저장됩니다. 나는 점수/건강을 캔버스에 렌더링 할 수 있었지만, DOM 요소에 그것을 수행하는 것이 더 빠르다.

Answer 1

mousedown/click 이벤트 핸들러에 event.preventDefault()를 추가/false를 반환하십시오.

예를

window.addEventListener('click', function(e) { 
    e.preventDefault(); 
    return false; 
}, false);