2014-04-14 94 views
2

我想在屏幕上使用html顯示一個段落標記。然後,我希望能夠按下某個鍵並使該段落標記中的數字增加。這就是我想要做的。按鍵增量(JavaScript)

這似乎應該很容易做,但我不知道該怎麼做。

謝謝。

+1

['node.addEventListener'](https://developer.mozilla.org/en-US/ docs/Web/API/EventTarget.addEventListener) –

+1

來自Stackoverflow:[如何使用按鈕按下事件增加JavaScript變量](http://stackoverflow.com/questions/837648/how-to-increment-a-javascript-可變使用-AB utton的新聞事件)和從Stackoverflow:[Javascript獲取元素的ID和設置值](http://stackoverflow.com/questions/14649173/javascript-get-element-by-id-and-set-the-價值) – Sean

回答

1

檢查了這一點。這是沒有jQuery,但它是你在找什麼。

http://jsfiddle.net/2rAj9/

的JS:

var p = document.querySelector('p') 

document.addEventListener('keydown', increment, false); 

function increment() { 
    var number = parseInt(p.innerText); 
    number++; 
    p.innerText = number; 
} 

的HTML:

<p class="increment">0</p> 
2

使用jQuery:

的Jquery:

$(document).ready(function(){ 
    $('body').keydown(function(){ 
     console.log('keydown'); 
     $('#increment').text(parseInt($('#increment').text())+1); 
    }); 

}); 

HTML:

<p id="increment">0</p> 
+0

現在我可以得到一個特定的密鑰,當我按下該鍵時,它會增加? – BlazeCrate