Question

嘿，伙计们是javascript的新手。我想知道如何在javascript中使用onClick方法获取段落中的点击次数。

我使用的代码是

<html>
<body>
<p id="avalue"> kdfbkjdf </p>
<script>


var a = document.getElementById('avalue');
a.onClick = function(b) {
console.log(b);
}


</script>
</body>
</html>

这段代码没有显示任何错误，但是当我点击段落时我没有得到点击的数字。

如何使用onclick方法实现？..

任何帮助将不胜感激

Answer 1

将点击计数器保存在元素的数据中，以避免＆＃34;需要＆＃34;对于全局变量：

document.getElementById('avalue').addEventListener('click', function (event) {
    var element = event.currentTarget;
    element.clicks = (element.clicks || 0) + 1;
    console.log(element.clicks);
});

并随时在document.getElementById('avalue').clicks下访问它。

Answer 2

您需要维护一个外部变量作为计数器并在处理程序中增加它

var clicks = 0; // counter 
var a = document.getElementById('avalue'); // element
a.onclick = function(b) { // onclick not onClick
   console.log(++clicks); // increment it
}

根据你的评论，你可以这样做

a.ondblclick = function(){
   alert(clicks); // double click to know the number of clicks so far
}

Answer 3

您需要一个计数器，每次点击它时都会递增：

var b = 0;
var a = document.getElementById('avalue');
a.onclick = function() {
console.log(++b);
}

Answer 4

var a = document.getElementById('avalue');
var b = 0;
a.onClick = function(b) {
    b++;
    console.log(b);
}

将其更改为此，您应该能够看到该号码。

使用JavaScript计算元素的点击次数

4 个答案: