Jquery:如何在键入时获取用户的输入

时间:2017-05-08 19:43:38

标签: javascript jquery

我希望能够获得用户的输入以便能够验证它并查看它是否是我想要出现或使用的密钥。我不想要输入中的内容的全部值,只需要输入的特定键。

我是通过使用此代码在Javascript中完成的,但它在Jquery中的工作方式不同。谢谢!

<input type="text" id="a">

$("#a").on('input', function(e){
    var charval = String.fromCharCode(e.Keycode);
    alert(charval);
});

警报应显示已按下的键。

样本:

$("#a").on('input', function(e){
	var charval = String.fromCharCode(e.Keycode);
	alert(charval);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="a">

3 个答案:

答案 0 :(得分:0)

考虑一下:

document.getElementById('f').addEventListener('keyup', function(e) {
  document.getElementById('out').textContent = e.keyCode;
})
<input type="text" id="f">
<p id="out">Hi</p>

你会看到按下最后一个按钮的keyCode。如果您愿意,也可以在侦听器中添加警报。

答案 1 :(得分:0)

将e.keycode更改为e.which

$("#a").on("keypress", function(e){
var charval = String.fromCharCode(e.which);
    alert(charval);

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="a">

答案 2 :(得分:0)

修复您的代码:

$("#a").on('keyup', function(e){
      var charval = String.fromCharCode(e.which);
      alert(charval);
});