46.@弹出点击次数

 1 <!DOCTYPE html>2 <html>3 <head lang="en">4     <meta charset="UTF-8">5     <title>弹出点击次数</title>6     <style>7         ul li {8             list-style-type: none;9             cursor: pointer;
10         }
11     </style>
12
13 </head>
14 <body>
15 <ul id="test">
16     <li>第一条</li>
17     <li>第二条</li>
18     <li>第三条</li>
19 </ul>
20
21 </body>
22
23 <script>
24     //弹出点击次数
25     (function A() {
26         var index = 0;
27         var ul = document.getElementById("test");
28         var obj = {};
29         for (var i = 0, l = ul.childNodes.length; i < l; i++) {
30             if (ul.childNodes[i].nodeName.toLowerCase() == "li") {
31                 var li = ul.childNodes[i];
32                 li.onclick = function () {
33                     index++;
34                     alert(index);
35
36
37                 }
38             }
39         }
40     })();
41
42 </script>
43
44 </html>

View Code

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title>弹出点击次数</title>    <style>        ul li {            list-style-type: none;            cursor: pointer;        }    </style>

</head><body><ul id="test">    <li>第一条</li>    <li>第二条</li>    <li>第三条</li></ul>

</body>

<script>    //弹出点击次数    (function A() {        var index = 0;        var ul = document.getElementById("test");        var obj = {};        for (var i = 0, l = ul.childNodes.length; i < l; i++) {            if (ul.childNodes[i].nodeName.toLowerCase() == "li") {                var li = ul.childNodes[i];                li.onclick = function () {                    index++;                    alert(index);

                }            }        }    })();

</script>

</html>

转载于:https://www.cnblogs.com/mx2036/p/7001667.html

46.@弹出点击次数相关推荐

js 隔行变色+鼠标移上换色+鼠标离开颜色恢复+鼠标点击弹出点击的是第几行是什么颜色
隔行变色: 先获取要操作的HTML标签 var oLis = document.querySelectorAll('li') 循环HTML标签 for (var i = 0; i < oLis. ...
Android 软件盘弹出点击空白处键盘消失的方案
Android 软件盘弹出点击空白处键盘消失的方法,代码如下: public void HideInput() {if (null != this.getCurrentFocus()) {/*** 点 ...
php js统计链接点击次数,JS实现在线统计一个页面内鼠标点击次数的方法
本文实例讲述了JS实现在线统计一个页面内鼠标点击次数的方法.分享给大家供大家参考.具体实现方法如下: js记录鼠标的点击次数 function addCookie(name,cookievalue,t ...
ecshop文章增加点击次数插件
2019独角兽企业重金招聘Python工程师标准>>> ecshop文章增加点击次数显示,一般的CMS都的文章系统都有点击次数,而ecshop的各个版本都没有这个功能,增加这个功能比 ...
angular点击按钮弹出页面_Axure RP8：如何做出点击按钮切换页面效果？
如何利用Axure RP8做出点击按钮切换页面效果?一起来文中看看~ 先来看一下页面的效果图:点击不同的按钮,切换不同的页面.(是web端和手机端都很常见的交互效果) 实现这一效果大致要分为三个步骤: ...
java获取页面点击次数_java计算鼠标点击次数的题，急求！
展开全部我没有用到题目里给的计算时间差来计算,想不明白有啥用. 另外我就没布局了,随便做了个界面美化32313133353236313431303231363533e58685e5aeb931333 ...
使用正则表达式，取得点击次数，函数抽离
1. 用正则表达式判定邮箱是否输入正确. # 验证邮箱 import re r = r'[a-zA-Z0-9]+(\.[a-zA-Z0-9_-]+){6,12}@[a-zA-Z0-9]+(\.[a-z ...
android友盟统计按钮点击次数,友盟统计按钮点击事件
让用户数据动起来--给app增加运营一.初识友盟友盟大家都听说过,在给app集成友盟之前对友盟的认识没有那么深刻.用了友盟之后,才发现友盟很强大. 集成友盟能够获取那些数据呢? 用户的基本信息:比 ...
html5统计鼠标点击的次数,怎么实现js统计鼠标点击次数
学习前端的同学你们知道怎么JS实现在线统计一个页面内鼠标点击次数的方法吗?不知道的话跟着学习啦小编一起来学习JS实现在线统计一个页面内鼠标点击次数的方法. 本文实例讲述了JS实现在线统计一个页面内鼠标 ...

46.@弹出点击次数

46.@弹出点击次数相关推荐

最新文章

热门文章