javascript中的绑定与解绑函数 介绍

javascript中的绑定与解绑函数 介绍

　　Mozilla中：

　　addEventListener的使用方式：

　　target.addEventListener(type, listener, useCapture);

　　target： 文档节点、document、window 或 XMLHttpRequest。

　　type： 字符串，事件名称，不含“on”，比如“click”、“mouseover”、“keydown”等。

　　listener ：实现了 EventListener 接口或者是 JavaScript 中的函数。

　　useCapture ：是否使用捕捉，一般用 false 。例如：document.getElementById("testText").addEventListener("keydown", function (event) { alert(event.keyCode); }, false);

　　IE中：

　　target.attachEvent(type, listener);

　　target： 文档节点、document、window 或 XMLHttpRequest。

　　type： 字符串，事件名称，含“on”，比如“onclick”、“onmouseover”、“onkeydown”等。

　　listener ：实现了 EventListener 接口或者是 JavaScript 中的函数。 例如：document.getElementById("txt").attachEvent("onclick",function(event){alert(event.keyCode);});

　　W3C 及 IE 同时支持移除指定的事件, 用途是移除设定的事件, 格式分别如下:

　　W3C格式:

　　removeEventListener(event,function,capture/bubble);

　　Windows IE的格式如下:

　　detachEvent(event,function);

　　target.addEventListener(type, listener, useCapture);

　　target 文档节点、document、window 或 XMLHttpRequest。

　　type 字符串，事件名称，不含“on”，比如“click”、“mouseover”、“keydown”等。

　　listener 实现了 EventListener 接口或者是 JavaScript 中的函数。

　　useCapture 是否使用捕捉，看了后面的事件流一节后就明白了，一般用 false

　　事件触发时，会将一个 Event 对象传递给事件处理程序，比如：

　　document.getElementById("testText").addEventListener("keydown", function (event) { alert(event.keyCode); }, false);

　　适应的浏览器版本不同，同时在使用的过程中要注意

　　attachEvent方法 按钮onclick IE中使用

　　addEventListener方法 按钮click fox中使用

　　两者使用的原理：可对执行的优先级不一样，下面实例讲解如下：

　　attachEvent方法，为某一事件附加其它的处理事件。（不支持Mozilla系列）

　　addEventListener方法 用于 Mozilla系列

　　举例: 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

　　实例：(要注意的是div必须放到js前面才行)

【javascript中的绑定与解绑函数 介绍】相关文章：

JavaScript中push(),join() 函数实例详解09-05

浅析jQuery 遍历函数javascript08-06

Javascript函数的定义和用法分析08-15

最常用的20个javascript方法函数09-10

JavaScript日期时间格式化函数08-29

有关深入理解JavaScript中的并行处理的介绍10-14

JavaScript中的with关键字07-24

在Java中执行JavaScript代码07-14

Javascript中typeof 用法归纳09-27

JavaScript中常见的字符串操作函数及用法07-24