2012-06-21 78 views
1

我有一個Javascript節點問題。我想知道點擊了哪個按鈕以及多少次..Javascript節點點擊訂單

所以......有一個例子。

<body> 
    <button></button> 
    <button></button> 
    <button></button> 
    <button></button> 
    <button></button> 
    <button></button> 
    <button></button> 

    <p id="last-counted"></p> 

</body> 

<script> 
    var body = document.body; 
    var lastcounted = document.getElementById('last-counted'); 
    lastcounted.innerHTML = "test"; 
    // console.log(body.nodeName = 'button'); 
    console.log(body); 
</script> 

謝謝!

+2

你爲什麼要記錄'body'? –

+1

您的示例沒有顯示與您的問題相關的任何內容! – gdoron

+0

你在哪裏附加了事件處理程序 –

回答

0

也許這是你想要的東西 -

http://jsfiddle.net/78GaP/

CODE:

<button data-index='1' onclick='javascript:log(this)'></button> 
    <button data-index='2' onclick='javascript:log(this)'></button> 
    <button data-index='3' onclick='javascript:log(this)'></button> 
    <button data-index='4' onclick='javascript:log(this)'></button> 
    <button data-index='5' onclick='javascript:log(this)'></button> 
    <button data-index='6' onclick='javascript:log(this)'></button> 
    <button data-index='7' onclick='javascript:log(this)'></button> 

    <p id="last-counted"></p> 

<script> 
var body = document.body; 
var lastcounted = document.getElementById('last-counted'); 

var stat = {}; 
function log(t){ 
    var index = t.getAttribute('data-index'); 
    if(!stat.hasOwnProperty(index)){ 
     stat[index] = 0;   
    } 
    stat[index] ++; 
    console.log(stat); 
}  
</script>​ 
+0

eah!非常感謝! –

+0

@JakubKontra:如果答案解決了您的問題,請確保通過點擊大號複選標記來接受答案。 – Nope