js按键上下左右按键触发函数的写法(按键按下触发)

onkeydown事件,按键按下触发 

function onKeyDown() {
        document.onkeydown = function (event) {
            var event = event || window.event;
            // 为了方便理解可以写成这种形式var event=event?event:window.event实现浏览器的兼容
            var keycode = event.which || event.keyCode;
            // 火狐不支持event.keyCode支持event.which
            switch (keycode) {
                case 38:
                    console.log("上"); break;
                case 39:
                    console.log("右");  break;
                case 40:
                    console.log("下");  break;
                case 37:
                    console.log("左");  break;
            }
         }
    }

Window是浏览器对象,所有浏览器都支持该对象

Document对象是HTML DOM Document对象,每个载入浏览器的html文档都会成为document对象,通过document对象对html中的元素进行访问

Event对象是HTML DOM Document对象,代表事件的状态,如按键的状态

你可能感兴趣的:(js)