JS实现在线统计一个页面内鼠标点击次数的方法

前端技术 2023/09/03 JavaScript

本文实例讲述了JS实现在线统计一个页面内鼠标点击次数的方法。分享给大家供大家参考。具体实现方法如下:

复制代码 代码如下:
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
<html xmlns=\"http://www.w3.org/1999/xhtml\">
<head>
<title>js记录鼠标的点击次数</title>
<meta http-equiv=\"content-type\" content=\"text/html;charset=gb2312\">
</head>
<body>
<div id=\"count\"></div>phpstudy www.phpstudy.net 提示您:
<script type=\"text/javascript\">
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\");
}
</script>
</body>
</html>

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

本文地址:https://www.stayed.cn/item/7565

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。