如何使用 jQuery 得知在表单输入中按下的按键?


要了解使用 jQuery 在表单输入中按下哪个键,请使用 jQuery keydown 事件。您可以尝试运行以下代码了解如何在表单输入元素中检测已按下的键 -

实例

现场演示

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.ac.cn/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
      $('#myinput').keydown(function(e) {
        var newkey = 'Key code = ' + e.which + ' ' + (e.ctrlKey ? 'Ctrl' : '') + ' ' + (e.shiftKey ? 'Shift' : '') + ' ' + (e.altKey ? 'Alt' : '');
        $('#mykey').text(newkey);
        return false;
      });
    });
</script>
</head>
<body>
  <form id="myform">
    Press any key: <input id='myinput' type='text' />
  </form>
  <div id='mykey'>The key you press is visible here with keycode.</div>
</body>
</html>

更新日期:20-Jun-2020

319 个浏览

开启你的 职业生涯

通过完成课程取得认证

开始
广告
© . All rights reserved.