注意:这种写法,是有问题的。

注册事件是在页面加载完毕以后就完成了,但此时并没有触发事件。事件触发是由用户在页面上点击时才会触发,所以说当用户点击时,才会执行事件处理函数,那么此时的i已经变成了4,最后最终弹出来的结果是i+1,也就是5,而且每一个元素的弹出来的结果都是5。

此时的做法应该是这样的:

转载于:https://blog.51cto.com/11871779/2106980

js中遍历注册事件时索引怎么获取相关推荐

  1. JS中常用的事件操作

    JS中常用的事件操作 前言 一.点击事件(导航栏内容切换功能) 二.移入移出事件(导航栏菜单下拉功能) 三.失去焦点事件(表单检验功能) 四.鼠标事件(鼠标跟随功能) 五.键盘事件(打飞机案例) 总结 ...

  2. js中的onchange事件

    js中的onchange事件 刚开始接触 onchange 事件就开始幻想能做很多炫酷的事情,但是初学JS时知识不够全面,力不从心.对于onchange事件还不够了解. onchange事件被描述为 ...

  3. Vue中foreach数组与js中遍历数组的写法

    场景 Vue中使用Axios发送get或者post请求,发送请求时需要在js中 对请求参数进行遍历并处理. 接收响应时需要对响应结果进行遍历和处理. 注意区分在vue和js中foreach数组的区别. ...

  4. js中的onclick事件在ul获取li时点击两次才会执行的原因

    js中的onclick事件在ul获取li时点击两次才会执行的原因 下面的代码中 只有onclick第二次才会执行函数内部的代码 代码实例如下: <!DOCTYPE html> <ht ...

  5. 如何调试JS中鼠标悬停事件影响的元素?

    如何调试JS中鼠标悬停事件影响的元素? 在日常的前端开发中,我们经常要调试许多其他开发者写的网站和代码.此时我们往往会打开浏览器的开发者工具,在 Elements,Console,Network,So ...

  6. JS中的click事件无反应

    JS中的click事件无反应 今天在一个js文件中写了一个click函数,结果在页面中点击后死活没有反应,各种检查之后代码也没问题,就是无法触发click函数.各种百度之后终于找到了问题所在:在点击的 ...

  7. java和js中遍历数组和对象的总结

    java和js中遍历数组和对象的总结 在这儿写遍历数组和对象,权当复习和总结 1.java中数组的三种初始化方法 ①静态初始化 [java] view plaincopy 1. int[] arr = ...

  8. php 遍历对象数组,js中遍历对象(5种)和遍历数组(6种)的方法总结

    本篇文章给大家带来的内容是关于js中遍历对象(5种)和遍历数组(6种)的方法总结,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 一.遍历对象方法 1.for...in 遍历输出的是对 ...

  9. js中遍历数组加到新数组_JS几种数组遍历方式总结

    JS数组遍历的几种方式 S数组遍历的几种方式 JS数组遍历,基本就是for,forin,foreach,forof,map等等一些方法,以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比 第一 ...

最新文章

  1. concurrent.futures模块(进程池线程池)
  2. HUST 1541 Student’s question
  3. String的内存模型,为什么String被设计成不可变的
  4. 用户登录和注册的功能
  5. java 防重_如何做一个防重设计
  6. 怡丰机器人上市_【利元亨 | 复盘】十家自动停车机器人大PK,你更看好谁?
  7. 教程-delphi的开源json库:superobject,用法简介
  8. 创建多模块springcloud应用eureka server和client和消费端demo
  9. Kinect初识 整理总结
  10. 解析烧录固件失败_Sophos UTM固件反编译Perl源码
  11. SysML建模工具学习笔记总结一
  12. iredmail mysql 配置_Iredmail各大组件连接Mysql配置说明
  13. 路由器和交换机的区别
  14. 亚特兰蒂斯_亚特兰蒂斯的命运与可下载内容的作用
  15. 【信息检索导论】第一章 布尔检索
  16. 锂电池原理与使用保养
  17. CAD显示图层(网页版)
  18. 单词首字母大写,将每个单词的首字母改为大写后输出
  19. nmon以及nmon analyser 教程
  20. 肌营养不良2020-2021最新治疗突破 肌营养不良2021最新进展

热门文章

  1. 图像颜色迁移《color transfer between images》
  2. Vue语法学习第三课——计算属性
  3. here文档 here doc EOF重定向
  4. iOS 获取当前月份的天数(转)
  5. d3.js 制作简单的贪吃蛇
  6. Rocket - tilelink - Atomics
  7. 计算机网络(十),HTTP的关键问题
  8. Java代码输出到txt文件(申请专利贴源码的必备利器)
  9. python自动化第三周---文件读写
  10. 对于下一代互联网的畅想