javascript는 데이터 속성 및 값을 사용하여 contenteditable 영역에 초점을 맞 춥니 다.

Question

이미 id 속성이 있거나 없을 수도있는 contenteditable 영역으로 가득 찬 템플릿이 있습니다. 한 가지 차이점은 고유 한 데이터 값이 모두 포함되어 있으므로 커서를 편집을 위해 특정 영역에 프로그래밍 방식으로 초점을 맞추거나 타겟팅하는 데 사용하고 싶습니다.

나는 VAR이 식으로 데이터 - 값을 저장하는 경우 :

textArea[0] = this.getAttribute("data-id"); 

을 내 사용자가 어떻게 그것을 다시 커서를 강제 할 수 있습니다, 그들은에서 작업을 현재하고있는의 contentEditable 영역에 초점을 푼다?

document.[data-id=textArea[0]].focus(); 

감사합니다. 당신은 바닐라 JS를 사용하는 경우

Answer 1

, 당신은 뭔가를 쓸 수 있습니다 :

document.querySelectorAll('[data-id="' + dataId + '"]')[0].focus() 

그냥있을 수는 jQuery를 사용할 수있는 경우

(속성으로 요소를 선택하는 방법에 this answer 확인) :

를

$('[data-id="' + dataId + '"]').focus(); 

이

당신이 경우에도 this fiddle 확인할 수 있습니다