zoukankan      html  css  js  c++  java
  • javascript循环事件只响应最后一次的问题处理

      在所有的面向对象编程语言中,只要涉及到逻辑的代码,常见的问题都是循环创建很多个对象UI,在循环体中对这些对象添加事件。如果不做处理,和其他地方一样的添加事件,其结果都是只响应最后一次循环之后的结果。原因就是这些事件虽然在循环体中创建,但是循环会在瞬间完成,事件还要等到触发才能执行,所以执行的时候,所有变量就都是最后一次循环产生的变量。

      每种语言对此的处理方式几乎都是要在循环的时候给事件绑定上当前创建的对象,只是语言规范上稍有初入。最近使用js做几个页面,所以留下js的处理方式。

    我在js中循环创建了很多div,每个div中都有一个input按钮。这个input按钮点击时候触发其对应的所有div的标题信息。循环或者类中的代码如下:

    1         (function(obj,title){
    2             obj.onclick=function(){
    3                 alert(title);
    4             }
    5         })(input,this.title);

    将input对象传入绑定到事件,才可以在每次事件触发的时候不会找到最后一次循环的对象

  • 相关阅读:
    vue中使用第三方UI库的移动端rem适配方案
    前端规范--eslint standard
    从上往下打印二叉树
    栈的压入,弹出序列
    随机森林
    LR
    顺时针打印矩阵
    包含min函数的栈
    树的子结构
    合并两个有序链表
  • 原文地址:https://www.cnblogs.com/JimmyBright/p/4414244.html
Copyright © 2011-2022 走看看