兼容所有浏览器的块移动代码,主要在于事件的选择和event以及keyCode和which上面, 使用A S D F控制
<div id="test" style="width:200px;height:100px;background:blue;position:absolute;top:0px;left:0px;"></div>
<script>
function $(ele){
return document.getElementById(ele);
}
var step=10;
document.onkeypress=function(evt){
var event=window.event || evt;
var temp=((event.keyCode!=0)?event.keyCode:event.which)-32;
switch (temp)
{
case 65: $("test").style.left=parseInt($("test").style.left)-10+"px"; break;
case 68: $("test").style.left=parseInt($("test").style.left)+10+"px"; break;
case 87: $("test").style.top=parseInt($("test").style.top)-10+"px"; break;
case 83: $("test").style.top=parseInt($("test").style.top)+10+"px"; break;
}
}
</script>