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需再刷新一下页面才能执行]

您可能感兴趣的文章:

php实例分享之实现显示网站运行时间
这篇文章主要介绍了php实现显示网站运行时间,需要的朋友可以参考下
2014-05-05
javascript拖拽效果延伸学习
这篇文章主要介绍了javascript拖拽效果延伸的学习，关于拖拽延伸出来的一些效果，感兴趣的朋友可以参考一下
2016-04-04
文章或博客自动生成章节目录索引(支持三级)的实现代码
一个好的博文除了博文的质量要好以外，好的组织结构也能让读者阅读的更加舒服与方便，我看很多网站里面有一些园友的博文都是分章节的，并且在博文的前面都带有章节的目录索引，点击索引之后会跳转到相应的章节阅读
2020-05-05
如何利用js在两个html窗口间通信
这篇文章主要介绍了如何利用js在两个html窗口间通信，如果读者们有类似的需求，可以参考下
2021-04-04
解决微信授权成功后点击按返回键出现空白页和报错的问题
这篇文章主要介绍了解决微信授权成功后点击按返回键出现空白页和报错的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-06-06
微信小程序返回上一页的各种方法实例
在开发小程序的时候我们总是能遇到各种奇怪的需求,下面这篇文章主要给大家介绍了关于微信小程序返回上一页的各种方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-06-06
Echarts柱状图实现同时显示百分比+原始值+汇总值效果实例
echarts是一款功能强大、灵活易用的数据可视化库,它提供了丰富的图表类型和样式,包括柱状图,这篇文章主要给大家介绍了关于Echarts柱状图实现同时显示百分比+原始值+汇总值效果的相关资料,需要的朋友可以参考下
2024-08-08
JavaScript NaN和Infinity特殊值 [译]
本文要讲的是两个特殊值,NaN和Infinity,返回这两个值的操作通常都应该返回正常的数字
2012-09-09
JavaScript实现点击文本自动定位到下拉框选中操作
这篇文章主要介绍了JavaScript实现点击文本自动定位到下拉框选中操作，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-06-06
JS按字节截取字符长度实例
这篇文章主要介绍了JS按字节截取字符长度实例，有需要的朋友可以参考一下
2013-11-11

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具