<!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%一下還是能賺點小錢,剩下的都是套路或者是爛大街的項目煌抒,稍微包裝一下就拿去忽悠小白仍劈。真正賺...