`
xo_tobacoo
  • 浏览: 384092 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

attachEvent绑定函数添加参数

阅读更多

满世界跑了一圈,最简单的 如下:

 

<html>

<head>

<title></title>

</head>
<input type="button" id="bject" value="test" />
<body>

</body>
<script type="text/javascript">
var aaa="测试"
document.getElementById("bject").attachEvent("onclick",function(){ttt(2,3,4)})
function ttt(a,b,c){
    alert(a);
    alert(b);
    alert(c);
}
</script>
</html>

 

注意:

 

document.getElementById("btn").onclick = method1;
document.getElementById(
"btn").onclick = method2;
document.getElementById(
"btn").onclick = method3;

如果这样写,那么将会只有medhot3被执行

写成这样:

var btn1Obj = document.getElementById("btn1"); 
//object.attachEvent(event,function);
btn1Obj.attachEvent("onclick",method1);
btn1Obj.attachEvent(
"onclick",method2);
btn1Obj.attachEvent(
"onclick",method3);

执行顺序为method3->method2->method1

如果是Mozilla系列,并不支持该方法,需要用到addEventListener

var btn1Obj = document.getElementById("btn1");
//element.addEventListener(type,listener,useCapture);
btn1Obj.addEventListener("click",method1,false);
btn1Obj.addEventListener(
"click",method2,false);
btn1Obj.addEventListener(
"click",method3,false);

执行顺序为method1->method2->method3

分享到:
评论

相关推荐

    解决使用attachEvent函数时,this指向被绑定的元素的问题的方法

    解决使用attachEvent函数时,this指向被绑定的元素的问题的方法

    JavaScript实现跨浏览器的添加及删除事件绑定函数实例

    IE 的事件绑定函数是 attachEvent;而 Firefox, Safari 是 addEventListener;Opera 则两种都支持。使用jQuery就可以使用简单的bind(),或者$().click()之类的函数解决,而如果不使用JavaScript框架的时候,大家可是...

    addEventListener和attachEvent二者绑定的执行函数中的this不相同

    最近在写一个事件代理的时候,遇到一个BUG,发现除此外,二者绑定的执行函数中的 this 是不相同的,addEventListener 和 attachEvent函数在运行时候的上下文是不相同的。 用了一个简单的demo来描述这个不同点: ...

    js循环动态绑定带参数函数遇到的问题及解决方案[转]

    众所周知,不带参数的绑定非常简单,只要使用(语法:“document.getElementById(“对象ID名”).attachEvent(“事件名,如onchange”,函数名);”)(示例:“document.getElementById(“select_0”).attachEvent(...

    JS 事件绑定函数代码

    代码如下: var bind=function(object,type,fn){ if(object.attachEvent){//IE浏览器 object.attachEvent(“on”+type,(function(){ return function(event){ window.event.cancelBubble=true;//停止时间冒泡 object...

    如何解决attachEvent函数时,this指向被绑定的元素的问题?

    如何解决attachEvent函数时,this指向被绑定的元素的问题?

    兼容浏览器的js事件绑定函数(详解)

    因为javascript中所有对象都集成与Object,那么只有给Object原型添加一个事件绑定函数,就不需要在处理绑定事件的时候,每次写一长串代码,直接调用即可。在代码中添加红色部分代码,直接便可以在代码中直接调用 ...

    事件高级用法及兼容写法

    attachEvent(事件名,事件函数) 绑定事件 detachEvent 取消事件 注意:事件名 包含on前缀 两种事件绑定的区别: 1.addEventListener: 事件名没有on前缀 可以选择冒泡或者捕获机制 this 指事件调用者 同名事件的...

    详解javascript事件绑定使用方法

    由于html是从上至下加载的,通常我们如果在head部分引入...attachEvent(事件名称, 函数),绑定事件处理函数 detachEvent(事件名称, 函数),解除绑定 DOM方式 addEventListener(事件名称,函数, 捕获) removeEventListe

    浅谈addEventListener和attachEvent的区别

    • addEventListener共有3个参数,如下所示: element....要绑定的事件监听函数,注意只写函数名,不要带括号。 userCapture 事件监听方式,只能是true和false:true,采用capture(捕获)模式;false,采

    自己封装的javascript事件队列函数版

    一、使用addEventListener()或attachEvent()添加的匿名函数无法移除。 代码如下:var oBtn = document.getElementById(‘btn’);oBtn.addEventListener(‘click’,function(){ alert&#40;‘button is clicked’&#41...

    DHTML网页制作完全手册

    attachEvent 将指定函数绑定到事件,以便每当该事件在对象上触发时都调用该函数。 AutoCompleteSaveForm 将指定表单保存到自动完成数据存储中。 AutoScan 通过完成模板传递指定查询试图连接到 Web 服务器。 back ...

    理解JS绑定事件

    这两个方法都有三个参数,分别为:事件类型,事件函数,最后一个是布尔值,true或者是false。 true表示在事件捕获阶段执行,false表示在事件冒泡阶段执行。 由于IE只支持事件冒泡,所以同大多数情况下,都是将事件...

    封装了一个支持匿名函数的Javascript事件监听器

    下面的方法中对于添加事件监听的方法是一样的,只不过在取消事件绑定上面做了点手术,现在可以支持匿名函数的使用,所以在绑定事件的时候不再需要给函数单独命名了。 主要代码: 代码如下:/*绑定事件与取消绑定*/var...

    JavaScript 学习笔记 Black.Caffeine 09.11.28

    1. 之前写的一直都是分散的函数,用到什么功能,就写什么函数,觉得不够整洁,所以这次写的是封装的类,用起来还不错,但是传递参数的时候遇到了不少问题,所以,查阅了很多资料,总结如下: 1)动态绑定事件问题: ...

    原生js事件的添加和删除的封装

    在IE浏览器中添加或删除事件用attachEvent、detachEvent。在其他标准浏览器中则用addEventListener、removeEventListener。下面的对事件的添加和删除做了封装。直接看代码吧! /** * @description 事件绑定,兼容...

    事件绑定之小测试 onclick addEventListener

    开发工具中应该有相应的功能,于是测试之: 前提:只是一个简单的小测试,而且 addEventListener 属于标准绑定函数,IE 中与此不兼容(IE 相应的是 attachEvent),所以此次测试先抛弃 IE,使用 Firefox 5.0.1, ...

Global site tag (gtag.js) - Google Analytics