JavaScript通過attachEvent和detachEvent方法處理帶參數(shù)的函數(shù)

2019-11-21 00:41:44

字體：大中小

供稿：網(wǎng)友

<!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的帶參數(shù)方法"); 　　　　　　　 　　　　　　　 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的帶參數(shù)方法'));//區(qū)別于上一個，這里不能detach 　　　　　　　　　　　 　　　　　　　　　　　 theP.attachEvent("onclick", showDef);　 //無參數(shù)的方法直接寫 　　　　　　　 }　　　　　　　 　　　 } </script> </head> <body > <div > 　　　 <p id="pid">Click Me</p> </div> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

上一篇：ExtJS GridPanel 根據(jù)條件改變字體顏色

下一篇：JavaScript 滾輪事件使用說明