Jquery가 포함 된 가상 키보드

Question

나는 버튼으로 작동하는 div가 있습니다. 버튼을 클릭하면 키 누르기를 시뮬레이션 할 수 있습니다. Stackoverflow의 다른 곳에서는 사람들이 jQuery.Event("keydown");을 사용하도록 제안했지만 제안 사항은 모두 .click이 아니라 버튼에 바인딩 된 .trigger()을 사용합니다. 그래서, 내 예제 코드는 다음과 같습니다 : 나는 JSFiddle에서 더미 예를 설정 한

var press = jQuery.Event("keydown"); 
press.which = 69; // # The 'e' key code value 
press.keyCode = 69; 

$('#btn').click(function() { 
    $('#testInput').focus(); 
    $(this).trigger(press); 
    console.info(press); 
}); 

: 키 누르기 폼 요소에 입력이보다는 결국 http://jsfiddle.net/ruzel/WsAbS/

을, 난 그냥 원하는 MelonJS 게임이 가질 수 있도록 이벤트를 키 누르기로 문서에 등록하십시오.

업데이트 : 키보드 이외의 키 누르기를 트리거하는 것이 보안상의 이유로 브라우저에서 무시되는 것 같습니다. 텍스트 입력을 업데이트하는 경우,이 아주 좋은 jQuery 플러그인 트릭 할 것입니다 다음 MelonJS의 경우에 솔루션을 찾고 여기에 오는 사람에 관해서는 http://bililite.com/blog/2011/01/23/improved-sendkeys/

을, 그것과 같이, MelonJS의 me.input 객체를 사용하는 것이 가장 좋습니다 :

$('#btn').mousedown(function() { 
    me.input.triggerKeyEvent(me.input.KEY.E, true); 
}); 

$('#btn').mouseup(function() { 
    me.input.triggerKeyEvent(me.input.KEY.E, false); 
}); 

Answer 1

이유는 확실하지 않지만이 이 이벤트를 올바르게 트리거하고 있습니다 (). 입력이 문자로 채워지지 않습니다.

나는 우리가 그것을 밖으로 시도 $(document).trigger(p)

을 말할 때 문서가 실제로 키 누르기 이벤트를 수신하고 있음을 표시하는 코드를 수정했습니다

http://jsfiddle.net/WsAbS/3/

var press = jQuery.Event("keydown"); 
press.which = 69; // # Some key code value 
press.keyCode = 69; 
press.target = $('#testInput'); 


$(document).on('keydown', function(event) { 
    alert(event.keyCode); 
}); 

$('#btn').click(function() { 
    $(document).trigger(press); 
}); 

내가이 충분히 잘한다고 생각을 당신의 MelonJS 게임의 최종 목표는 키 누르기를 선택하는 것입니다.

Answer 2

가상 키보드를 원하면 (제목에서 알 수 있듯이) this을 사용할 수 있습니다.