javascript--cursor key controls Div movement,

CSS code:

#div1 { width: 100px; height: 100px; background: #ccc; position: absolute;}

HTML code:

<id= "Div1"></div>

JS Code:

Window.onload =function(){        varOdiv = document.getElementById (' Div1 ')); Document.onkeydown=function(EV) {varEV = EV | |event; Switch(ev.keycode) {//Move left                 Case37: ODiv.style.left= odiv.offsetleft-10 + ' px ';  Break; //Move Up                 Case38: ODiv.style.top= odiv.offsettop-10 + ' px ';  Break; //Move Right                 Case39: ODiv.style.left= Odiv.offsetleft + + ' px ';  Break; //Downward Movement                 Case40: ODiv.style.top= Odiv.offsettop + + ' px ';  Break;    }        }; };

Note: only offsetleft and offsetTop, no offsetright and offsetbottom.

Description: The event.keycode value for 37,38,39,40 corresponds to the pressed direction key divided by the left, top, right, and bottom.

javascript--cursor key controls Div movement,