美文网首页
js为按钮绑定点击事件并返回按钮的索引值

js为按钮绑定点击事件并返回按钮的索引值

作者: 边沉 | 来源:发表于2017-07-11 11:21 被阅读0次

js写法

function iteratorFactory(i){
                var onclick = function(e){
                    console.log(i)
                }
                return onclick;
            }
var clickBoxs = document.querySelectorAll('.clickBox');
for (var i = 0; i < clickBoxs.length; i++){
         clickBoxs[i].onclick = iteratorFactory(i)
      }

相关文章

  • js为按钮绑定点击事件并返回按钮的索引值

    js写法

  • 点击事件重复请求

    引子 当我们针对某个按钮绑定点击事件后,就可以随时通过点击鼠标来触发按钮的点击事件,如: 这样num值会不断增加,...

  • 组件事件传值(子组件传值给父组件)

    组件事件传值(子组件传值给父组件) a.在子组件中创建一个按钮,给按钮绑定一个点击事件 b.在响应该点击事件的函数...

  • 26、C#委托

    在绑定按钮事件的使用场景里,如果想批量地绑定按钮事件,同时想通过绑定事件传递被点击按钮的名字,那么这时候可以通过委...

  • Angular数据绑定

    ?先上例子。 插值表达式 : {{title}} 属性 : 事件 : 点击一下 事件绑定 按钮1 ...

  • useState原理

    首先创建一个App组件,加入一个按钮和点击后显示的值num,在按钮上绑定click事件,每次点击,num++ 在首...

  • 基础二:事件处理程序

    事件的三个要素 事件源 事件类型 事件处理函数如,给id为myBtn的按钮绑定一个事件处理程序,点击这个按钮显示,...

  • 1. Vue基本语法

    插值表达式 文本渲染 属性绑定 事件绑定 练习:文字走马灯效果 流程: 在按钮上绑定一个点击事件 事件处理函数中,...

  • Vue3.0商店后台管理系统项目实战-事件的模板语法

    v-on:事件名=“事件方法” 绑定事件 1:点击事件 点击按钮 弹出弹框 2:input事件双向绑定的模板语法...

  • No.27 事件

    一、事件基础 案例分析:点击按钮弹出警示框执行步骤:①获取事件源(按钮)②注册事件(绑定事件),使用 onclic...

网友评论

      本文标题:js为按钮绑定点击事件并返回按钮的索引值

      本文链接:https://www.haomeiwen.com/subject/vqgphxtx.html