JavaScript 通过 attachEvent 和 detachEvent 方法处理带参数的函数(示例代码)
2010-03-08 16:19
996 查看
-------------------------------------不错的示例代码----------------------------------
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5<title>无标题文档</title>
6<script language="javascript">
7
8 var theP; //P标签对象
9
10 var show=function(msg){ //直接定义 function show(msg) 效果是一样的
11 return function(){
12 alert(msg+" from show()");
13
14 if(window.addEventListener){ //FF etc.
15 theP.removeEventListener("click", theP.show11, false);
16 }
17 else{ //IE
18 theP.detachEvent("onclick", theP.show11);
19 }
20 }
21 }
22
23 var show2=function(msg){ //直接定义 function show2(msg) 效果是一样的
24 return function(){
25 alert(msg+" from show2()");
26 }
27 }
28
29 function showDef(){
30 alert("showDef()");
31
32 if(window.addEventListener){ //FF etc.
33 theP.removeEventListener("click", showDef, false);
34 }
35 else{ //IE
36 theP.detachEvent("onclick", showDef);
37 }
38 }
39
40 window.onload=function(){
41 theP=document.getElementById("pid");
42
43 theP.show11=show("可以detach的带参数方法");
44
45 if(window.addEventListener) // not IE
46 {
47 //for FF.etc
48 theP.addEventListener("click", theP.show11, false);
49 theP.addEventListener("click", showDef, false);
50 }
51 else
52 {
53 //for IE
54 theP.attachEvent("onclick", theP.show11);
55 theP.attachEvent("onclick", show2('不能detach的带参数方法'));//区别于上一个,这里不能detach
56
57 theP.attachEvent("onclick", showDef); //无参数的方法直接写
58 }
59 }
60</script>
61
62</head>
63
64<body >
65<div >
66 <p id="pid">Click Me</p>
67</div>
68</body>
69</html>
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5<title>无标题文档</title>
6<script language="javascript">
7
8 var theP; //P标签对象
9
10 var show=function(msg){ //直接定义 function show(msg) 效果是一样的
11 return function(){
12 alert(msg+" from show()");
13
14 if(window.addEventListener){ //FF etc.
15 theP.removeEventListener("click", theP.show11, false);
16 }
17 else{ //IE
18 theP.detachEvent("onclick", theP.show11);
19 }
20 }
21 }
22
23 var show2=function(msg){ //直接定义 function show2(msg) 效果是一样的
24 return function(){
25 alert(msg+" from show2()");
26 }
27 }
28
29 function showDef(){
30 alert("showDef()");
31
32 if(window.addEventListener){ //FF etc.
33 theP.removeEventListener("click", showDef, false);
34 }
35 else{ //IE
36 theP.detachEvent("onclick", showDef);
37 }
38 }
39
40 window.onload=function(){
41 theP=document.getElementById("pid");
42
43 theP.show11=show("可以detach的带参数方法");
44
45 if(window.addEventListener) // not IE
46 {
47 //for FF.etc
48 theP.addEventListener("click", theP.show11, false);
49 theP.addEventListener("click", showDef, false);
50 }
51 else
52 {
53 //for IE
54 theP.attachEvent("onclick", theP.show11);
55 theP.attachEvent("onclick", show2('不能detach的带参数方法'));//区别于上一个,这里不能detach
56
57 theP.attachEvent("onclick", showDef); //无参数的方法直接写
58 }
59 }
60</script>
61
62</head>
63
64<body >
65<div >
66 <p id="pid">Click Me</p>
67</div>
68</body>
69</html>
相关文章推荐
- JavaScript通过attachEvent和detachEvent方法处理带参数的函数
- JavaScript通过attachEvent和detachEvent方法处理带参数的函数
- JavaScript中attachEvent()和detachEvent()使用方法 — 第13.2.4节
- 多个onclick在一起只执行最后一个的问题解,其它是事件处理引发的问题 (JavaScript的监听事件函数attachEvent和addEventListener)
- javascript通过url向jsp页面传递中文参数乱码解决方法
- asp.net利用Ajax和Jquery在前台向后台传参数并返回值,通过aspx.cs中的静态方法+WebMethod进行处理
- 通过javascript获取iframe里的值示例代码
- 【C】没有注意系统对函数参数的求值顺序的处理方法
- dojo小例子(15)给dojo on的事件处理函数传递自定义参数的两种方法
- 通过Javascript读取本地Excel文件内容的代码示例
- 通过Javascript将数据导出到外部Excel文档的函数代码
- JavaScript通过代码调用Flash显示的方法
- javascript调用多个参数的方法,参数在ajax中传送给后台并获取,某个为空处理
- JavaScript Event 事件处理机制之自定义事件处理方法
- JavaScript中处理日期的一些函数和方法
- javascript获取URL参数与参数值的示例代码
- IE attachEvent事件处理程序(事件绑定的函数)的this指向的是window不是执行当前事件的dom元素
- Ext为处理函数自定义输入参数的四种方法(转载)
- javascript attachEvent和addEventListener 使用方法
- javascript attachEvent和addEventListener使用方法