div键盘控制移动

根据键盘的方向键上-下-左-右控制div移动,

代码如下:

//键盘控制移动
$(document).keydown(function(event){
    var keyNum = event.which;   //获取键值
	if(moveDiv!=null){
		var keyNum = event.which;   //获取键值
        var Item = moveDiv;   //要移动的元素
        Item.css({position:'relative'});  //设置position
        switch(keyNum){  //判断按键
        case 37: Item.animate({left:'-=10px'});break;
        case 38: Item.animate({top:'-=10px'});break;
        case 39: Item.animate({left:'+=10px'});break;
        case 40: Item.animate({top:'+=10px'});break;
        default:
            break;
        
        }
	}
});

 

posted @ 2019-04-08 15:11  vtopqx  阅读(51)  评论(0)    收藏  举报