나는 온라인 타이핑 프로그램을 가지고 있는데, 키 블레이즈 타이핑 튜터와 같은 타이핑 프로그램에서하는 것처럼 온라인 온 스크린 프로그램을 만들고 싶다. 그렇다면 현재 사용자가 입력하는 키 (프리젠 테이션 미학은 중요하지 않음)를 표시하는 JavaScript 프로그램을 만드는 방법이 있습니까? 이 example현재 어떤 키가 입력되고 있는지를 보여주는 온 스크린 키보드를 만드는 방법은 무엇입니까?
jQuery를 확장
나는 온라인 타이핑 프로그램을 가지고 있는데, 키 블레이즈 타이핑 튜터와 같은 타이핑 프로그램에서하는 것처럼 온라인 온 스크린 프로그램을 만들고 싶다. 그렇다면 현재 사용자가 입력하는 키 (프리젠 테이션 미학은 중요하지 않음)를 표시하는 JavaScript 프로그램을 만드는 방법이 있습니까? 이 example현재 어떤 키가 입력되고 있는지를 보여주는 온 스크린 키보드를 만드는 방법은 무엇입니까?
jQuery를 확장
시도 :
$(function() {
$("#input").keydown(function (event) {
$("#" + String.fromCharCode(event.which)).addClass("trigger");
}).keyup(function (event) {
$("#" + String.fromCharCode(event.which)).removeClass("trigger");
});
});
당신은 순수 HTML과 CSS를 사용하여 키보드를 만들 수 있습니다. 이걸 보렴 beautiful example
고마워, 그게 내 문제를 해결 했어! – think123
화면 키보드 플러그인에서 멋진 jQuery를 찾을 수 있습니다. site. 설명서도 읽어보십시오.
그것은 다음과 같습니다 ...
그들은 돈, 나는 화면 키보드와 유사한 플러그인에 jQuery를 같은 것들에 대한 온라인 찾고 있었어요,하지만 그들은 단지 당신이 텍스트 상자에 텍스트를 입력 할 수 있습니다 컴퓨터의 실제 키보드를 사용하여 텍스트를 입력 할 때 아무 것도 표시하지 않습니다. – think123