eslint => Jq事件绑定使用箭头函数问题
2017-12-01 14:29
513 查看
代码结构
<div class="box"> box1 </div> <div class="box"> box2 </div> <div class="box"> box3 </div> <div class="box"> box4 </div>
普通写法的script
$('.box').on('click',function (){
console.log($(this).index());
} )使用箭头函数找不到this了
$('.box').on('click',(ev) => {
console.log($(ev.target).index());
} )可以使用 event 时间中的 target 属性来获取到点击的元素
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- javascrpt绑定事件之匿名函数无法解除绑定问题
- JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
- jQuery使用on()绑定动态生成元素的事件无效的问题
- jQuery使用on()绑定动态生成元素的事件无效的问题
- [原创]JQuery的autoCompleate插件的使用(内含解决Jquery事件与UpdatePanel互斥的问题，只需要在body中改为如下:<body onload=’load()’></body>即可)
- jQuery使用on()绑定动态生成元素的事件无效的问题
- 牛腩购物 8 整合用户留言 动软生成器 ,.NET在后置代码中输入JS提示语句（背景不会变白）,repeater 循环的时候事件判断,repeater 隔行 奇数行,item列，隐藏区块 Panel 的使用，前台绑定代码的时候使用函数
- (礼拜四log)前端开发，使用jq的.css函数添加属性时!important要注意的问题
- jquery使用live绑定toggle事件，第一次点击没有反应，第2次才起作用问题
- 类confirm函数内绑定事件问题（解绑）
- addEventListener()解决传统事件绑定中去除冗余同名函数但也存在问题
- 使用Jquery的鲜活绑定(lively-ness)，解决“新添加的元素，事件不可用”的问题
- ADF(BC)--当使用绑定VO的<af:table>时可能会导致的内存问题
- ES6可以使用“箭头”（=>）定义函数
- 题目1554：区间问题 map<int , vector<int> >的使用
- 当mapper中的parametType为基本类型（如int，string等）时，报错的问题(mybatis使用了<if>判断)
- 如何使用 BindingSource 绑定 ListBox，同时解决绑定 List<T> 后修改数据源不能同时刷新界面显示的问题
- 冒泡，setinterval，背景图的div绑定事件，匿名函数问题--工作中的思考
- javascrpt绑定事件之匿名函数无法解除绑定问题
- JavaScript call apply使用——JavaScript对象的方法绑定到DOM事件后this指向问题