2012-04-06 1 views
1

나는 온라인 타이핑 프로그램을 가지고 있는데, 키 블레이즈 타이핑 튜터와 같은 타이핑 프로그램에서하는 것처럼 온라인 온 스크린 프로그램을 만들고 싶다. 그렇다면 현재 사용자가 입력하는 키 (프리젠 테이션 미학은 중요하지 않음)를 표시하는 JavaScript 프로그램을 만드는 방법이 있습니까? 이 example현재 어떤 키가 입력되고 있는지를 보여주는 온 스크린 키보드를 만드는 방법은 무엇입니까?

jQuery를 확장

+0

그들은 돈, 나는 화면 키보드와 유사한 플러그인에 jQuery를 같은 것들에 대한 온라인 찾고 있었어요,하지만 그들은 단지 당신이 텍스트 상자에 텍스트를 입력 할 수 있습니다 컴퓨터의 실제 키보드를 사용하여 텍스트를 입력 할 때 아무 것도 표시하지 않습니다. – think123

답변

5

시도 :

$(function() { 
    $("#input").keydown(function (event) { 
     $("#" + String.fromCharCode(event.which)).addClass("trigger"); 
    }).keyup(function (event) { 
     $("#" + String.fromCharCode(event.which)).removeClass("trigger"); 
    }); 
});​ 

당신은 순수 HTML과 CSS를 사용하여 키보드를 만들 수 있습니다. 이걸 보렴 beautiful example

+0

고마워, 그게 내 문제를 해결 했어! – think123

2

화면 키보드 플러그인에서 멋진 jQuery를 찾을 수 있습니다. site. 설명서도 읽어보십시오.

enter image description here

그것은 다음과 같습니다 ...

관련 문제