2014-06-25 37 views
0

我在我的HTML中創建了用div繪製CSS的div。 現在我希望在用戶按下向下箭頭鍵時改變值。如何在按下按鍵時更改div的值

這是我的JavaScript:

var changeIdValue = function(id, value) { 
document.getElementById(id).style.height = value; 
}; 

window.addEventlistener("onkeydown", function(e){ 
if(e.keyCode == 40){ 
    changeIdValue("balklongwaarde", "60px"); 
}); 
} 

我不明白爲什麼這是行不通的。

+0

開始更簡單。調試器在你體內的功能線;它觸發過嗎? [遵循MDN示例](https://developer.mozilla.org/en-US/docs/Web/API/Window.onkeydown) – jurassix

+0

使用jQuery http://jquery.com/代替它,它變得更簡單了JavaScript偵聽器與jQuery –

回答

0

你可以說這樣的事情

window.onkeydown = function(e){ 
     if(e.keyCode == 40) 
      changeIdValue("balklongwaard", "60px"); 
     }; 
+0

thanx它的作品! – user3771096

1

我知道這已經被回答了,但如果你想跟着你原來的想法,這裏是正確的代碼(因爲Mritunjay的回答只適用於每頁一個使用)。

var changeIdValue = function (id, value) { 
     document.getElementById(id).style.height = value; 
    }; 
window.addEventListener('keydown', function (e) { 
    if (e.keyCode === 40) { 
     changeIdValue('balklongwaarde', '60px'); 
    } 
}); 
  1. 的addEventListener寫有大寫L在監聽
  2. 「的onkeydown」與的addEventListener函數中使用
  3. 您關閉括號以錯誤的順序(接近如果在應該「的keydown」,關閉功能,關閉功能)
相關問題