Javascript节点单击顺序_Javascript_Html_Dom_Nodes

Javascript节点单击顺序

javascript html dom

Javascript节点单击顺序,javascript,html,dom,nodes,Javascript,Html,Dom,Nodes,我对Javascript节点有一个问题。我想知道单击了什么按钮以及单击了多少次所以。。。有一个例子 <body> <button></button> <button></button> <button></button> <button></button> <button></button> <button></butt

我对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>



var body=document.body；
var lastcounted=document.getElementById（'last-counted'）；
lastcounted.innerHTML=“测试”；
//log（body.nodeName='button'）；
控制台日志（主体）；

谢谢

也许这是你想要的-

代码：



var body=document.body；
var lastcounted=document.getElementById（'last-counted'）；
var stat={}；
功能日志（t）{
var index=t.getAttribute（“数据索引”）；
如果（！stat.hasOwnProperty（索引））{
统计[指数]=0；
}
统计[索引]+；
控制台日志（stat）；
}

您的示例没有显示与您的问题相关的任何内容！你在哪里附加了事件handlers@JakubKontra：如果某个答案解决了您的问题，请确保通过单击大复选标记接受该答案。

  <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>