【javascript】获取键盘输入

最新推荐文章于 2024-04-26 15:47:51 发布

ོ栖落

最新推荐文章于 2024-04-26 15:47:51 发布

阅读量989

点赞数

分类专栏： # javascript 文章标签：数学建模

本文链接：https://blog.csdn.net/qq_63806300/article/details/131362763

版权

javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

获取上下左右键

在JavaScript中，如果我们想要获取键盘中的键对应的键码，可以使用event对象的keyCode属性。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
         window.onload=function()
         {
             var dir=document.getElementsByTagName("span")[0];
             window.addEventListener("keydown",function(e)
             {
                if(e.keyCode==38 || e.keyCode==87){
                   dir.innerHTML="上";
                } else if(e.keyCode==39 || e.keyCode==68){
                   dir.innerHTML="右";
                } else if(e.keyCode==40 || e.keyCode==83){
                   dir.innerHTML="下";
                } else if(e.keyCode==37 || e.keyCode==65){
                   dir.innerHTML="左";
                } else {
                   dir.innerHTML="";
                }
             },false)
           }
     </script>
  </head>
  <body>
     <div>你控制的方向是：<span ></span></div>
  </body>
  </html>