JS中的attachEvent、addEventListener如何传递参数

最新推荐文章于 2024-02-08 07:45:00 发布
最新推荐文章于 2024-02-08 07:45:00 发布
阅读量1w 收藏 4
点赞数 1
分类专栏： Js.Common Others 文章标签： function xhtml object server html button
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/avon520/article/details/3022363
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <a href="#" id="link1" aaa="a">超链接link1</a>
        <a href="#" id="link2" aaa="b">超链接link2</a>
        <input type="button" value="attachEvent" οnclick="addEvent();" />
    </div>
    </form>
</body>
</html>

<script type="text/javascript">
function AttachEvent(target, eventName, handler, argsObject)
{
    var eventHandler = handler;
    if(argsObject)
    {
        eventHander = function(e)
        {
            handler.call(argsObject, e);
        }
    }
    if(window.attachEvent)//IE
        target.attachEvent("on" + eventName, eventHander );
    else//FF
        target.addEventListener(eventName, eventHander, false);
}


function LinkClick(e)
{
    alert(this.name);
//    var target = e.srcElement || e.target;
//    alert(target.getAttribute('aaa'));
}

function addEvent()
{
var obj = new Object();
obj.name = "link1111";
var link1 = document.getElementById("link1");
AttachEvent(link1, "click",  LinkClick, obj);

obj = new Object();
obj.name = "link2222";
var link2 = document.getElementById("link2");
AttachEvent(link2, "click",  LinkClick, obj);
}


</script>

阿云ivan
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
js事件的绑定,addEventListener如何传入有参函数？
PWQ002的博客
08-02 3703
js如何绑定事件,addEventListener如何传入有参函数？ 文章目录js如何绑定事件,addEventListener如何传入有参函数？1. 什么是事件2.二种的事件处理程序 addEventListener如何传入有参函数？ 可在addEventListener 参函数的位置用匿名函数包裹 代码如下： //定义一个有参函数：在控制台打印传入的参数 function printStr(str){ console.log(str); } //通过元素id获取节点 var div = docu
理解JS绑定事件
11-22
绑定事件有兼容性问题，在IE早期版本中使用的是obj.attachEvent()，而其他浏览器使用的则是addEventListener()。 这两个方法都有三个参数，分别为：事件类型，事件函数，最后一个是布尔值，true或者是false。 true...
JS在IE和FF下attachEvent,addEventListener学习笔记
01-19
对象名.addEventListener(“事件名（不带ON）”，函数名，true/false);(FF下) 对象名.attachEvent(“事件名”，函数名);(IE下) 说明： 　　事件名称，要注意的是”onclick”要改为”click”,”onblur”要改为”blur”,也就是说事件名不要带”on”。 函数名，记住不要跟括号最后一个参数是个布尔值，表示该事件的响应顺序,下面重点介绍一下addEventListener的第3个参数(useCapture)。 userCapture若为true,则浏览器采用Capture,若为false则采用bubbing方式。建议用false,看个例
JavaScript addEventListener() 方法中传其他参数
t1074671630的博客
03-07 961
addEventListener() 中方法传其他参数
前端JavaScript篇之addEventListener()方法的参数和使用
最新发布
星辰迷上大海的博客
02-08 2226
addEventListener() 是 JavaScript 中用于向指定元素添加事件监听器的方法。这个方法通常用于处理用户交互，比如点击、鼠标悬停等操作。
AddEventListener 如何传递函数参数
weixin_34072857的博客
02-17 870
var EventUtil = new Object; EventUtil.addEventHandler = function (oTarget, sEventType, fnHandler) { if (oTarget.addEventListener) {...
attachEvent传递参数的办法
weixin_30414155的博客
10-29 115
使用attachEvent给对像绑定事件时，方法不能传递参数，经过了解，原来是javascript的闭包问题，导致得不能直接读取外部的那个函数，不然就所有传递的参数都变为最后一个了。解决办法如下： var newopen = function(id,level){ return function() { opentree(id,level);//该函数为外部定义的一个执行函数；...
使用addEventListener绑定事件并传参
longtengg1的博客
03-28 6263
1、问题的由来 使用addEventListener 绑定事件时，如果同时想传参，一般可使用匿名函数绑定事件。但是这样做的问题时，匿名函数将不能解绑事件。 所以如何做到又能传参，又能解绑事件呢？ 2、使用bind解决 var btn1 = document.getElementById('btn1'); var btn2 = document.getElementById('btn2'); function fa(e) { console.log('传递参数',e)
事件addEventListener（）参数及事件汇总
qq_46344419的博客
04-23 2746
addEventListener（）参数及事件汇总
js事件绑定，通过addEventListener传递参数
kaka22pato的博客
09-20 3260
如果要为事件处理函数送参数的话，需要在匿名函数（事件函数）外包裹一个匿名函数, 并立即执行。
js click事件 addEventListener 传参（event）
jingkai0714的博客
11-07 2934
就算是传参数在也不用在绑定事件的时候写（event） 注意这里是在vue中写的 所以有一个this指向问题 在箭头函数里 this指向的是document 这里赋值给that 在解绑的时候也不要写（event） 第三个参数是控制是否冒泡的 clickevent(event) { //const playbox = document.getElementsByClassName("PlayBox")[0]; //const boxindex = event.path.fin.
addEventListener（）参数及事件汇总
菠萝萝的博客
09-26 4867
addEventListener（）事件的汇总记录
window.addEventListener来解决让一个js事件执行多个函数
12-09
可能你也碰到过这种情况,就是在js的代码中用了[removed]后,可能会影响到body中的onload事件。你可以全写在body中，也可以全放到[removed]中，但是这样并不是很方便，有时我们需要两个同时用到。这时就要用window....
原创-javascript服务器交互型可编辑表格和我的js常用库
07-24
* 自定义javascript常用基础库 author zhang_jhai 创建时间 2010/04/10 最后修改时间 2010/05/03 * version 2.0 */ // Base库基础类 BaseJs = function() { // 判断浏览器类型 userAgent = navigator....
javascript在事件监听方面的兼容性小结
12-03
3，IE事件监听器内使用的是一个全局的Event对象，而w3c是将event对象作为参数传递给监听器。 4，为了避免触发默认的事件行为，IE的做法是要求程序员设置Event对象中的returnValue属性值为false，而w3c的做法是执行...
Firefox下Clipboard的读写
Ivan Song的专栏
08-18 4508
 //Firefox下Clipboard的读写js脚本/**************************************************http://www.krikkit.net/howto_javascript_copy_clipboard.html将字符串maintext复制到剪贴板*********************************************
javascript 日期常用函数
Ivan Song的专栏
10-08 1980
//判断是否是日期 //note:不能准确判断闰年的2月日期，需用js另外处理 function isDate(str) {     var patt=/^(((([1-9])|(0[1-9])|(1[012]))[-./]((0?/d)|([12]/d)|(3[01]))[-./](19|20)/d{2})|((19|20)/d{2}[-./](([1-9])|(0[1-9])|(1[0
JavaScript 函数调用规则和if条件判断
Ivan Song的专栏
10-08 1721
一、函数调用1、 js的函数调用只匹配函数名，不匹配参数列表，也就是说调用函数时只要找到相同的函数名就调用，而不管参数是否匹配。2、参数从第一个开始赋值传递，没有赋值的就赋予undefined。3、可以用arguments统计或得到传进来的参数function listArg() {        for(var i=0;i    {        alert(arguments[
addEventListener 的作用及用法
03-22
addEventListener 是 JavaScript 中的一个方法，用于向指定的 DOM 元素添加事件监听器。它的用法如下： element.addEventListener(event, function, useCapture); 其中，event 是要监听的事件类型，比如 click、...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值