JavaScript:onkeydown-键盘上的键被按下时触发事件

案例：

使用div布局以及键盘点击事件的一个实例运用，实现一个点击键盘上下左右键使div布局移动

示例:

第一步：

写两个HTML-div布局，并定义id

​

    
        
        
    
    
        

            

            

        

    

第二步：

写div布局的css样式

 第三步：

写键盘点击事件 onkeydown:按键被按下后触发一个函数，用键码对应的键位写出代码

//按键被按下后触发一个函数

document.onkeydown = function(){

                //弹出显示键盘有键被按下

                alert("键盘上有键被按下");

}

使用if...else结构

整体代码如下：

​

	
		
		

	
	
		

			

			
		
		
	


​

效果如下: