javascript 获取上下左右键盘进行操作

实现：点击键盘的上下左右键，在屏幕上对应的按键

html源码：

<div>
    按键：<input type="text" id="direction" value="" >
</div>

js源码：

    var turn = ""
//    按键事件
    document.onkeydown = function(evt){
//        获取按键
        var e = evt || event;
        var keyCode = e.keyCode || e.which;
        switch( keyCode ){
            case 37 : turn = "左";break;
            case 38 : turn = "上";break;
            case 39 : turn = "右";break;
            case 40 : turn = "下";break;
        }
//        渲染
        document.getElementById("direction").value=turn;
    }

效果图：点击键盘↓