HTML5 - 캔버스가 초점을 잃고 있습니까?

Question

캔버스를 사용하여 임팩트 JS로 게임을 만들고 있습니다. 게임에서 나는 흐름 플레이어가 들어있는 숨겨진 div를 보여주는 버튼을 가지고 있으며 비디오를 재생합니다. 숨겨진 div는 div를 닫고 비디오를 중지하는 버튼입니다 ... 지금까지는 모두 좋았습니다. 문제는 일단 비디오가 닫히면 캔버스를 클릭하여 포커스를 되 찾을 수 있어야한다는 것입니다. 이제 동영상 아래에 있던 버튼을 클릭하여 두 번 작동시켜야합니다 ... 좋지 않습니다. 나는 flowplayer에만 국한된 것은 아니라고 판단했습니다. 숨겨진 div를 검정색으로 표시하고 5 초 만에 숨길 수 있으며 캔버스는 여전히 포커스를 잃습니다. 누구든지 본 적이 있습니까? 그것은 순간에 서막 거리는 사람입니다. 정말로 그것을 작동시켜야합니다.

Answer 1

이미 캔버스에 tabindex를 적용한 것으로 나타났습니다.

좋은 점은 캔버스에 포커스를 설정해야한다는 것입니다. 이제

이 동영상 종료 후 캔버스에 포커스를하려면 다음을 수행하십시오

// get a reference to the canvas element 

var canvas=document.getElementById('canvas'); 

// set focus to the canvas when the video ends 

canvas.focus().