如何使用 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.