JS批量绑定事件

var a = [1,2,3,4,5]

for(var j in a){
    $("#" + j).click(function () {  // 前提是先动态生成id是j的标签
        var id_cm = $(this).attr("id");  // 注意参数要获取当前点击标签的id,不要传j,因为当点击标签时j始终是5(就是最后一个值),可以自己去验证。
        iota(id_cm);
        })
    }

function iota(id){
    console.log(id)
}
        

原文地址:https://www.cnblogs.com/aaronthon/p/11387418.html

时间: 2024-10-21 20:59:16

JS批量绑定事件的相关文章

js循环绑定事件

在js中,用循环来为一对元素队列的元素绑定事件,是一个常见的问题. 通常进入误区的新人,都会这么写代码: (假设元素队列为o,默认使用jQuery) //error method var o =$('.blockHead'); for(var i=0; i<o.length; i++){ o[i].onclick = function(){ function(i){ alert(i); } } } 当然这种情况下,你会发现每个元素点击运行时,显示的 i值 都是 o.length-1: 因为js的

JS中绑定事件顺序(事件冒泡与事件捕获区别)

在JS中,绑定的事件默认的执行时间是在冒泡阶段执行,而非在捕获阶段(重要),这也是为什么当父类和子类都绑定了某个事件,会先调用子类绑定的事件,后调用父类的事件.直接看下面实例 <!Doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin:0;p

遇到的问题(JS循环绑定事件)

问题描述:想通过循环的方式给HTML元素绑定事件,结果失败---总是会只能绑定到最后一个元素. HTML <div id="bnts"> <span></span> <span></span> <span></span> <span></span> </div> JS var bnts = document.getElementById("bnts"

JS(绑定事件)

事件绑定方式一:属性中绑定 <input type="button" value="+" onclick="fun1()"> <script> function fun1(){ alert(123); } </script> 事件绑定方式一带参数this,this指代本标签 <div class="div1" onclick="fun1(this)">div1

js on绑定事件

abort 当用户中断下载图像时触发.activate 当对象设置为活动元素时触发.afterprint 对象所关联的文档打印或打印预览后立即在对象上触发.afterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发.beforeactivate 对象要被设置为当前元素前立即触发.beforecopy 当选中区复制到系统剪贴板之前在源对象触发.beforecut 当选中区从文档中删除之前在源对象触发.beforedeactivate 在 activeElement 从当前对象变

js循环绑定事件解决方案

var add_the_handlers = function (nodes) { var helper= function (i) {return function (e) {alert(i);};}; var i; for (i = 0; i < nodes.length; i += 1) { nodes[i].onclick =helper(i); }};

js 三种事件的绑定

第一种:前段常规绑定: <button type="button" class="recolor" onclick="reCol('rowIndex','colIndex')">重新着色</button> 第2种:js绑定监听事件: //添加监听器 table.addEventListener("click", display, false); } (generat()); //获取鼠标点击的行和列 f

原生js跨浏览事件绑定(移除)/javascript事件绑定(移除)

网上找了半天没看到,都是基于ie attachEvent(有诸多的问题存在)来写的,所以手动写了个js模拟绑定事件希望能帮到需要的童鞋 addEvent = function(obj,type,fn){  if(obj.addEventListener) {//W3C   obj.addEventListener(type,fn,false);  }else if (obj.attachEvent) {//ie(期待它的灭亡)   if(!obj.events) obj.events = {};

js 绑定事件

创建一个js的绑定事件,而这个需要一个addEventListener事件.在js里不要将事件写在标签里 <!DOCTYPE html> <html> <head> <style media="screen"> #canvas{ /*background-image: url(orangebgimage.jpg);*/ border: 1px solid #001100; } </style> </head> &l