JS 获取键盘事件类型和值 小demo

<textarea id="key"></textarea>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script>
    var key = document.getElementById("key");
    key.onkeydown =f;  //注册keydown事件处理函数
    key.onkeyup = f;  //注册keyup事件处理函数
    key.onkeypress = f;  //注册keypress事件处理函数
    function f (e) {
        var e = e || window.event;  //标准化事件处理
        var s = e.type + " " + e.keyCode;  //获取键盘事件类型和按下的值
        key.value = s;
    }

    $(document).keydown(function(event){
　　　　if(event.keyCode == 17){
　　　　　　alert('你按下了CTRL'); 
　　　}
  　　});
  // $(document).keydown(function(event){
  //   if(event.ctrlKey){
  //     alert('你按下了CTRL')
  //   }
  //   });
</script>