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

来源：懂视网责编：小采时间：2020-11-27 20:47:46

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

JavaScript通过attachEvent和detachEvent方法处理带参数的函数_javascript技巧: 无标题文档 var theP; //P标签对象 var show=function(msg){ //直接定义 function show(msg) 效果是一样的 return function(){ alert(msg+ from show()); if(window.addEventListener){ //FF etc

推荐度：

点击下载本文 文档为doc格式

导读JavaScript通过attachEvent和detachEvent方法处理带参数的函数_javascript技巧: 无标题文档 var theP; //P标签对象 var show=function(msg){ //直接定义 function show(msg) 效果是一样的 return function(){ alert(msg+ from show()); if(window.addEventListener){ //FF etc

<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 > 
 
　　　 <p id="pid">Click Me</p> 
 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

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

推荐度：

点击下载本文 文档为doc格式

标签： event javascrip detach

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐