转载自：js,addEventListener参数传递 - 股墓山庄庄主 - 博客园

代码：

var elems = document.getElementsByTagName('a');for (var i = 0; i < elems.length; i++) { elems[i].addEventListener('click', (function (num) { return function (e){ e.preventDefault(); alert('I am link #' + num); } })(i), 'false'); };

var elems = document.getElementsByTagName('a');
for (var i = 0; i < elems.length; i++) { elems[i].num = i; elems[i].addEventListener('click', function (e) { e.preventDefault(); alert('I am link #' + this.num); }, 'false'); };

补充： —-

preventDefault() 方法

Event 对象

定义和用法

取消事件的默认动作。

语法

event.preventDefault()

说明

该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type 属性是 “submit”，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单。注意，如果 Event 对象的 cancelable 属性是 fasle，那么就没有默认动作，或者不能阻止默认动作。无论哪种情况，调用该方法都没有作用。

js,addEventListener参数传递相关推荐

flex和js进行参数传递
来着:http://www.cnblogs.com/Cnol/archive/2009/09/20/1570365.html 方法一:flex接收网页传值!~ 1<?xml version=& ...
JS addEventListener()方法
addEventListener(),事件监听,用于向指定的元素添加事件监听语法:addEventListener(event,function,useCapture); 第一个参数event:指事 ...
js setTimeout 参数传递使用
setTimeout的参数传递问题想必大家有所纠结,window.settimeout()方法要调用带参数的函数有两种方法,下面为大家详细介绍下,感兴趣的朋友可以参考下 window.setti ...
html中调用js带参数传递,JS传参技巧总结
1.隐式创建 html 标签这种方法一般配合 ajax,上面的 value 使用了模板引擎 2.window['data'] window["name"] = "the ...
js addEventListener() 事件总结
说明: addEventListener() 方法用于向指定元素添加监听事件.且同一元素目标可重复添加,不会覆盖之前相同事件,配合 removeEventListener() 方法来移除事件. 使用方 ...
js addEventListener绑定事件方法(详细介绍）
addEventListener是一种给元素绑定事件的方法例如绑定点击事件,这样元素在被点击之后就会执行一些操作 let element = document.getElementById(&quo ...
JS addEventListener多次绑定同一事件，触发多次
今天项目上遇到一个问题,是因为addEventListener绑定事件时,执行了多次,导致执行了多次事件.在不能让绑定事件执行一次的情况下有没有办法解决这个问题呢? 模拟代码: function ha ...
JS URL参数传递谷歌乱码解决
//第一个页面 var name=encodeURIComponent("参数"); var url="test1.html?name="+name;//第二个 ...
要取代 Node.js 的 Deno 还活着吗?
作者 | Fernando Doglio 译者 | 弯月出品 | CSDN(ID:CSDNnews) 早在 2020 年 5 月,我就写了一篇介绍 Deno 的文章,后来还写了一本书.我喜欢 Den ...

js,addEventListener参数传递

代码：

preventDefault() 方法

定义和用法

语法

说明

js,addEventListener参数传递相关推荐

最新文章

热门文章