如何使用jQuery .Keyup()函数捕获键盘输入

Question

在一个简单的挂手游戏上工作，我正在尝试使用keyup()捕获用户输入...这是我的代码：

$(document).keyup(function(e) {
    userInput = e.value;
    console.log(userInput);
});

我也尝试这样做，但它也无法正常工作。

$(document).keyup(function(e) {
    userInput = $(this).val();
    console.log(userInput);
});

哦，顺便说一句，用户input是一个全局变量。

Answer 1

您必须从事件的target属性中获取value。尝试以下方式：

$('#txtInput').on('keyup', function(e) {
    var userInput = e.target.value;
    console.log(userInput);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Input: <input type='text' id="txtInput"/>

Answer 2

$( "#whichkey" ).on( "keydown", function( event ) {
  $( "#log" ).html( event.type + ": " +  event.which );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="whichkey" placeholder="type something">
<div id="log"></div>

使用event.thich

描述：对于键或鼠标事件，此属性指示按下的特定键或按钮。