html5统计鼠标点击的次数,怎么实现js统计鼠标点击次数

学习前端的同学你们知道怎么JS实现在线统计一个页面内鼠标点击次数的方法吗？不知道的话跟着学习啦小编一起来学习JS实现在线统计一个页面内鼠标点击次数的方法。

本文实例讲述了JS实现在线统计一个页面内鼠标点击次数的方法。

代码如下:

js记录鼠标的点击次数

function addCookie(name,cookievalue,time) {

if (name != "" && cookievalue != "" && time != "") {

if (isNaN(time) == false){

var expires = new Date();

expires.setTime(expires.getTime() + time * 1000);

document.cookie = name + '=' + escape(cookievalue) + ';expires=' + expires.toGMTString();

}

}

}

function getCookie(cookieName) {

var cookieString = document.cookie;

var start = cookieString.indexOf(cookieName + '=');

if (start == -1)

return null;

start += cookieName.length + 1;

var end = cookieString.indexOf(';', start);

if (end == -1) return unescape(cookieString.substring(start));

return unescape(cookieString.substring(start, end));

}

var html = document.getElementsByTagName("html")[0];

html.onclick = function(){

var count = parseInt(getCookie('count'))+1;

addCookie("count",count,"1000");

document.getElementById("count").innerHTML = "您点击了"+getCookie('count')+"次!";

}

if (getCookie('count')){

document.getElementById("count").innerHTML = "您点击了"+getCookie('count')+"次!";

}else{

document.getElementById("count").innerHTML = "您还没有点击过!";

addCookie("count","0","1000");

}

希望本文所述对大家的javascript程序设计有所帮助。

怎么实现js统计鼠标点击次数相关文章：