使用按钮模拟键盘

Question

我正在尝试使用js-dos(浏览器上的dosbox插件(尝试某些内容，并且我需要一个按钮来模拟键盘键(例如，输入(

我尝试创建一个onclick事件，在功能中，一个jQuery"按键"事件，但似乎没有任何用途。

我已经尝试过：

$("button").on("click",function(){
        var val=13;
        $("canvas").trigger({
            type:keypress, keyCode:val,which:val,charCode:val
        });
    })

和这个

var e = jQuery.Event('keydown');
    e.which = 13;
    e.keyCode = 13;
$("canvas").trigger(e);

我在这里做错了什么？

Answer 1

将 listener添加到触发事件中。

let e = jQuery.Event('keydown');
$('div').on('keydown', function() {
  console.log('calling');
});
$('button').on('click', function() {
  $('div').trigger(e);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>Lorem Ipsum</div>
<button>Click Me</button>

Answer 2

var input = document.getElementById("myInput");
// Execute a function when the user releases a key on the keyboard
input.addEventListener("keyup", function(event) {
  // Number 13 is the "Enter" key on the keyboard
  if (event.keyCode === 13) {
    // Cancel the default action, if needed
    event.preventDefault();
    // Trigger the button element with a click
    document.getElementById("myBtn").click();
  }
});