JavaScript中可以在点击事件上绑定函数,点击时执行函数,通过统计函数执行次数来统计点击次数。

JavaScript中统计点击次数:

Document

#Odiv{

margin:0 auto;

width: 200px;

height:200px;

background: yellow;

}

点击0次

var time=0;

function show(){

if(time%2==0){

Odiv.style.background="pink";

console.log(time);

time++;

}else{

Odiv.style.background="yellow";

console.log(time);

time++;

}

document.getElementById('Odiv').innerHTML = "点击"+time+"次";

}

实现效果如下:

JavaScript点击事件的写法:

第一种:btn.onclick=function(){

alert('hello world');

}

第二种:btn.addEventListener('click',function(){alert('hello world')},false);

btn.addEventListener('click',function(){alert(this.id)},false);

第三种:function demo(){

alert('hello');

}

click

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐