<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style>
#div1{
width:100px;
height:150px;
background: red;
position: absolute;
}
</style>
<script>
var timer=null;
document.onkeydown=function (ev) {
/*先得到上下左右的keyCode值
alert(oEvent.keyCode);*/
/*offsetLeft就是DIV的實際距離*/
var oEvent=ev||event;
var oDiv=document.getElementById('div1');
//必須加上這句湿痢，因為如果按著某個鍵不放，它其實會不斷地執(zhí)行onkeydown這個事件
//如果不加的話，就會產(chǎn)生很多個定時器羡玛，使得div的速度越來越快
clearInterval(timer);
timer=setInterval(function(){
if(oEvent.keyCode==37) //思考：怎么才能不卡
{
oDiv.style.left=oDiv.offsetLeft-10+'px';
}
else if(oEvent.keyCode==39)
{
oDiv.style.left=oDiv.offsetLeft+10+'px';
}
},30);
};
//鍵盤抬起事件
document.onkeyup=function()
{
clearInterval(timer);
};
</script>
<body >
<div id="div1"></div>
</body>
</html>鍵盤 控制div 移動
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門痢畜，熙熙樓的掌柜王于貴愁眉苦臉地迎上來垛膝，“玉大人鳍侣，你說我怎么就攤上這事『鹩担” “怎么了倚聚？”我有些...
- 文/不壞的土叔 我叫張陵，是天一觀的道長凿可。 經(jīng)常有香客問我惑折，道長，這世上最難降的妖魔是什么枯跑？ 我笑而不...
- 正文 為了忘掉前任惨驶，我火速辦了婚禮，結(jié)果婚禮上敛助，老公的妹妹穿的比我還像新娘粗卜。我一直安慰自己，他們只是感情好辜腺，可當(dāng)我...
- 文/花漫 我一把揭開白布休建。 她就那樣靜靜地躺著，像睡著了一般评疗。 火紅的嫁衣襯著肌膚如雪测砂。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼纵东，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了啥寇？” 一聲冷哼從身側(cè)響起偎球，我...
- 正文 年R本政府宣布，位于F島的核電站归薛，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏匪蝙。R本人自食惡果不足惜主籍，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望逛球。 院中可真熱鬧千元，春花似錦、人聲如沸颤绕。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽奥务。三九已至物独，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間氯葬，已是汗流浹背挡篓。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 1-變換組件移動物體 這幅圖現(xiàn)在理解還不深刻，先放在這所刀，日后再來補全衙荐。 1.1相關(guān)方法首先要將腳本掛到這個cube...
- 物理引擎 GetKey按鍵按下期間返回true GetKeyDown按鍵按下的第一幀返回true GetKeyUp...
- 一、 天才的真相 打小時候的時候浮创，我們就被家長和老師們灌輸無數(shù)天才人物的故事忧吟，莫扎特、愛因斯坦斩披、達(dá)芬奇等溜族，他們既天...
- 文/子松 我想說讹俊，1%一下還是能賺點小錢，剩下的都是套路或者是爛大街的項目煌抒，稍微包裝一下就拿去忽悠小白仍劈。真正賺...
