JS 循环li添加点击事件 (闭包的应用)


Posted in Javascript onDecember 10, 2016

废话不多说了,直接给大家贴代码了,具体代码如下所述:

var aLi = document.querySelectorAll('.article-tab li');
 for (var i = 0; i <= aLi.length; i++) {   
 (function(){   
  var p = i   
  aLi[i].onclick = function() {   
   alert(p);   
  } 
 })(); 
}

以上所述是小编给大家介绍的JS 循环li添加点击事件 (闭包的应用),希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的。

Javascript 相关文章推荐
CSS+Table图文混排中实现文本自适应图片宽度(超简单+跨所有浏览器)
Feb 14 Javascript
js 实现日期灵活格式化的小例子
Jul 14 Javascript
javascript中验证大写字母、数字和中文
Jan 15 Javascript
js实现无限级树形导航列表效果代码
Sep 23 Javascript
JavaScript实现斗地主游戏的思路
Feb 29 Javascript
JS 实现倒计时数字时钟效果【附实例代码】
Mar 30 Javascript
vue-resource拦截器设置头信息的实例
Oct 27 Javascript
element-ui 限制日期选择的方法(datepicker)
May 16 Javascript
Vue 实时监听窗口变化 windowresize的两种方法
Nov 06 Javascript
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
Sep 24 Javascript
原生Vue 实现右键菜单组件功能
Dec 16 Javascript
一篇文章带你使用Typescript封装一个Vue组件(简单易懂)
Jun 05 Javascript
JS实战篇之收缩菜单表单布局
Dec 10 #Javascript
javascript动画之磁性吸附效果篇
Dec 09 #Javascript
Canvas 制作动态进度加载水球详解及实例代码
Dec 09 #Javascript
详解自动生成博客目录案例
Dec 09 #Javascript
微信小程序之仿微信漂流瓶实例
Dec 09 #Javascript
JS判断是否手机或pad访问实现方法
Dec 09 #Javascript
js实现一个可以兼容PC端和移动端的div拖动效果实例
Dec 09 #Javascript
You might like
Yii框架日志记录Logging操作示例
2018/07/12 PHP
php实现微信企业转账功能
2018/10/02 PHP
浅谈PHP5.6 与 PHP7.0 区别
2019/10/09 PHP
一个JavaScript继承的实现
2006/10/24 Javascript
Javascript图像处理—亮度对比度应用案例
2013/01/03 Javascript
js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
2013/01/16 Javascript
Jquery实现的一种常用高亮效果示例代码
2014/01/28 Javascript
angularjs客户端实现压缩图片文件并上传实例
2015/07/06 Javascript
jQuery实现带分组数据的Table表头排序实例分析
2015/11/24 Javascript
JavaScript判断表单为空及获取焦点的方法
2016/02/12 Javascript
js利用正则表达式检验输入内容是否为网址
2016/07/05 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
2016/12/17 Javascript
jQuery纵向导航菜单效果实现方法
2016/12/19 Javascript
JS实现搜索框文字可删除功能
2016/12/28 Javascript
简单理解Vue中的nextTick方法
2018/01/30 Javascript
JS 音频可视化插件Wavesurfer.js的使用教程
2018/10/31 Javascript
vue以组件或者插件的形式实现throttle或者debounce
2019/05/22 Javascript
python轻松实现代码编码格式转换
2015/03/26 Python
Python SQLite3数据库日期与时间常见函数用法分析
2017/08/14 Python
TF-IDF算法解析与Python实现方法详解
2017/11/16 Python
Win10环境python3.7安装dlib模块趟过的坑
2019/08/01 Python
python2使用bs4爬取腾讯社招过程解析
2019/08/14 Python
python中的split()函数和os.path.split()函数使用详解
2019/12/21 Python
Django项目uwsgi+Nginx保姆级部署教程实现
2020/04/19 Python
python调用百度API实现人脸识别
2020/11/17 Python
纯CSS3打造动感漂亮时尚的扇形菜单
2014/03/18 HTML / CSS
HTML5新增的表单元素和属性实例解析
2014/07/07 HTML / CSS
Wiggle中国:英国骑行、跑步、游泳 & 铁三运动装备专卖网店
2016/08/02 全球购物
互联网创业计划书的书写步骤
2014/01/28 职场文书
作风建设年活动实施方案
2014/10/24 职场文书
2014幼儿园卫生保健工作总结
2014/12/05 职场文书
捐助感谢信
2015/01/22 职场文书
行政处罚告知书
2015/07/01 职场文书
汽车销售合同文本
2019/08/08 职场文书
Python爬虫框架之Scrapy中Spider的用法
2021/06/28 Python
python 进阶学习之python装饰器小结
2021/09/04 Python