웹 사이트를 강조 표시된 문자로 입력

나는 프로젝트의 한가운데, 타이핑 웹 사이트에 관한 것입니다. div 태그 만있는 가상 키보드를 만들었습니다. 또한, 타이핑 텍스트가 될 글자가있는 영역을 가지게 될 것입니다. 다음 단계에서는 모든 키를 문자 영역과 가상 키보드에서 동시에 강조하고 싶습니다. 나는 정말로 이것에 붙어있다. 나는 몇 가지 아이디어를 생각해 봤지만, 내가 원하는 것을하지는 않습니다.웹 사이트를 강조 표시된 문자로 입력

어떤 아이디어라도 도움이 될 것입니다.

출처

2013-10-22 pedrag

키보드에서 타이핑 할 임의의 글자를 키보드에서 강조하고 싶습니까? – Snowburnt

키보드와 텍스트 영역에서 지금까지 가지고있는 것을 – piddl0r

과 동시에 표시 할 수 있습니까? – pedrag

자바 스크립트 keydown 이벤트 처리기를 살펴 보겠습니다.

올바른 다이렉트에 넣을 수있는 간단한 예가 있습니다.

document.addEventListener("keydown", keyDownEvent, false); 

function keyDownEvent(e) { 
var keyCode = e.keyCode; 
    if(keyCode==13) { 
    //enter was pressed... 
    //highlight the relevant keyboard div. 
    } 
}

편집 : 당신은 그때로 된 div 관련 문자 키 코드에 대한 this 웹 페이지에서 살펴 본다 다음 명명 제안, 키보드에있는 모든 단일 키 코드 프로그램에 사례를 추가하지 않으려면 키 코드와 관련된 ID입니다. 예를 들어

: 분명히

<div id="keycode_74"></div>

당신이 사업부 페이지에 존재하는지 확인하는 로직을 추가 할 필요가 것 : (74)는 그래서 내 사업부는 다음과 같은 ID를 가질 것입니다 : 'J'는에서 KeyCode입니다 그러나 나는 당신을 위해 전체 솔루션을 코드화하고 싶지 않기 때문에 이것을 여러분에게 남겨 둘 것입니다 :

출처

2013-10-22 15:57:18

응답 해 주셔서 감사합니다. 하지만이 솔루션에서는 모든 문자를 매번 확인해야합니까 ?? – pedrag

모든 문자에 대소 문자를 추가하고 싶지 않은 경우 내 업데이트 된 답변을 참조하십시오. –

hmmm 예 thats 좋은 생각입니다. 하지만 "key_code74"와 같은 문자로 모든 문자를 명명하면 모든 문자를 다시 확인하게 될 것입니다. 한 가지 해결책은 내 가상 키보드의 모든 키가 id를 charCode로 가지는 것입니다. 너는 무엇을 생각 하느냐 ?? – pedrag

웹 사이트를 강조 표시된 문자로 입력

답변

관련 문제