JavaScript通过attachEvent和detachEvent方法处理带参数的函数

更新时间：2010年03月08日 17:38:06 作者：

通过 attachEvent 和 detachEvent 方法处理带参数的函数(示例代码)

<!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script language="javascript"> 　　　 var theP;　 //P标签对象　　　 　　　 var show=function(msg){　　　 //直接定义 function show(msg) 效果是一样的 　　　　　　　 return function(){　　　 　　　　　　　　　　　 alert(msg+" from show()"); 　　　　　　　　　　　 if(window.addEventListener){　 //FF etc. 　　　　　　　　　　　　　　　　 theP.removeEventListener("click", theP.show11, false); 　　　　　　　　　　　 } 　　　　　　　　　　　 else{ //IE 　　　　　　　　　　　　　　　　 theP.detachEvent("onclick", theP.show11); 　　　　　　　　　　　 } 　　　　　　　 } 　　　 } 　　　 var show2=function(msg){　　　 //直接定义 function show2(msg) 效果是一样的 　　　　　　　 return function(){　　　 　　　　　　　　　　　 alert(msg+" from show2()"); 　　　　　　　 } 　　　 } 　　　 　　　 function showDef(){ 　　　　　　　 alert("showDef()");　　　　　　　　　　　 　　　　　　　 　　　　　　　　 if(window.addEventListener){　 //FF etc. 　　　　　　　　　　　　　 theP.removeEventListener("click", showDef, false); 　　　　　　　　 } 　　　　　　　　 else{ //IE 　　　　　　　　　　　　　 theP.detachEvent("onclick", showDef); 　　　　　　　　 } 　　　 } 　　　 　　　 window.onload=function(){ 　　　　　　　 theP=document.getElementById("pid"); 　　　　　　　 　　　　　　　 theP.show11=show("可以detach的带参数方法"); 　　　　　　　 　　　　　　　 if(window.addEventListener) // not IE 　　　　　　　 { 　　　　　　　　　　　 //for FF.etc 　　　　　　　　　　　 theP.addEventListener("click", theP.show11, false); 　　　　　　　　　　　 theP.addEventListener("click", showDef, false); 　　　　　　　 } 　　　　　　　 else 　　　　　　　 { 　　　　　　　　　　　 //for IE　　　　　　　　　　　 　　　　　　　　　　　 theP.attachEvent("onclick", theP.show11); 　　　　　　　　　　　 theP.attachEvent("onclick", show2('不能detach的带参数方法'));//区别于上一个，这里不能detach 　　　　　　　　　　　 　　　　　　　　　　　 theP.attachEvent("onclick", showDef);　 //无参数的方法直接写 　　　　　　　 }　　　　　　　 　　　 } </script> </head> <body > <div > 　　　 <p id="pid">Click Me</p> </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

zepto.js中tap事件阻止冒泡的实现方法
这篇文章主要介绍了zepto.js中tap事件阻止冒泡的实现方法,实例分析了由冒泡产生的click延迟解决方法,需要的朋友可以参考下
2015-02-02
JS实现区分中英文并统计字符个数的方法示例
这篇文章主要介绍了JS实现区分中英文并统计字符个数的方法,涉及JavaScript事件响应、正则匹配及数值运算相关操作技巧,需要的朋友可以参考下
2018-06-06
canvas实现图像放大镜
这篇文章主要为大家详细为大家详细介绍了canvas实现图像放大镜的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-02-02
vscode 对 typescript代码调试的步骤
在VS Code中，要对 TypeScript代码进行调试，需要先编译 TypeScript 代码为JavaScript代码，这篇文章主要介绍了vscode对typescript代码调试的方法,需要的朋友可以参考下
2023-03-03
使用JS实现一个Sleep函数的示例代码
这篇文章主要介绍了使用JS实现一个Sleep函数,实现 sleep 函数其实非常简单，主要是理解 JavaScript 中异步执行情况，本文通过实例代码给大家介绍的非常详细，需要的朋友可以参考下
2022-06-06
微信小程序自定义tabBar在uni-app的适配详解
这篇文章主要介绍了微信小程序自定义tabBar在uni-app的适配详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-09-09
JavaScript中的ES6 Proxy的具体使用
这篇文章主要介绍了JavaScript中的ES6 Proxy的具体使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-06-06
js canvas仿支付宝芝麻信用分仪表盘
这篇文章主要为大家详细介绍了js canvas仿支付宝芝麻信用分仪表盘,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-11-11
小程序列表懒加载的实现方式
懒加载,前端人都知道的一种性能优化方式,简单的来说,只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来,这篇文章主要给大家介绍了关于小程序列表懒加载的实现方式,需要的朋友可以参考下
2022-04-04
javascript函数以及基础写法100多条实用整理
100多个很有用的JavaScript函数以及基础写法汇总,在项目开发中经常会使用到，本文整理了一些，希望对你们有帮助
2013-01-01