博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript closure 闭包 事件绑定
阅读量:5043 次
发布时间:2019-06-12

本文共 820 字,大约阅读时间需要 2 分钟。

先来一个基本的例子

第一个链接
第二个链接
第三个链接
第四个链接

 

使用addEventListener

JS Bin 第一个链接
第二个链接
第三个链接
第四个链接

 此题也可以不使用闭包来实现

//另外一种使用事件代理的方式  //没有使用闭包var ul = document.querySelector('#ul1');var lis = document.querySelectorAll('#ul1 .li-ele');var lisArr = [];for( i= 0; i< lis.length; i++){  lisArr.push(lis[i]);}//PS 注意  不能直接用lis.indexOf //它是 NodeList  是类数组  没有 indexOf 方法ul.addEventListener('click', function(e){  var target = e.target;  console.log(lisArr.indexOf(target));  }, false);

 =========更新==========

然而上面的方式还是太笨了  下面这个既可以不用闭包也可以绑定上对应的事件

var doc = document;var list = doc.querySelectorAll('ul li');[].forEach.call(list, function(ele, index){  ele.addEventListener('click', function(){    console.log(index);  }, false);});

  

 

 

 

转载于:https://www.cnblogs.com/cart55free99/p/3624489.html

你可能感兴趣的文章
【47.76%】【Round #380B】Spotlights
查看>>
Git(使用码云)
查看>>
分享Java web 开发必游之路
查看>>
IIS初始化(预加载),解决第一次访问慢,程序池被回收问题(转载)
查看>>
Bean的Scope
查看>>
【BZOJ】3142: [Hnoi2013]数列
查看>>
http初探
查看>>
elasticsearch的安装
查看>>
__next__()
查看>>
爬取:中国大学排名
查看>>
聊天室(C++客户端+Pyhton服务器)_1.框架搭设
查看>>
UpdatePanel 内控件 更新“外的”控件【转】
查看>>
mybatis中&gt;=和&lt;=的实现方式
查看>>
Python面向对象03/继承
查看>>
java序列化和反序列化
查看>>
绝对定位
查看>>
flink源码编译(windows环境)
查看>>
dpkg 删除 百度网盘 程序
查看>>
服务器nginx安装
查看>>
std::nothrow
查看>>