我在 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>
谢谢!
最佳答案
也许这就是你想要的 -
代码:
<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>
关于Javascript 节点点击顺序，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11133110/