Виртуальная клавиатура с JQuery

Question

У меня есть div, который работает как кнопка. Как только кнопка нажата, я хочу, чтобы она смоделировала нажатие клавиши. В другом месте Stackoverflow люди предложили использовать jQuery.Event("keydown");, но в предложениях все используют .trigger(), привязанные к кнопке, а не .click. Итак, мой пример кода выглядит следующим образом:

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); 
}); 

Я создал фиктивный пример в JSFiddle: http://jsfiddle.net/ruzel/WsAbS/

В конце концов, а не иметь заполнить нажатие элемента формы, я просто хочу зарегистрируйте событие как ключевое слово для документа, чтобы игра MelonJS могла иметь его.

UPDATE: По соображениям безопасности запуск браузера с помощью чего-либо, кроме клавиатуры, может быть проигнорирован браузером. Для обновления ввода текста, это очень хороший Jquery плагин будет делать трюк: http://bililite.com/blog/2011/01/23/improved-sendkeys/

Как для тех, кто приходит сюда в поисках решения в случае MelonJS, то лучше использовать объект me.input MelonJS, как и так:

$('#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.