                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /DOM事件探秘

作為參數的函數里面能再傳遞參數嗎,隱藏顯示的函數里面我傳了個參數，為啥不能這樣寫

? ? ? window.onload=function(){

? ? ? var login_btn=document.getElementById('login'),

? ? ? ? ?login_box=document.getElementById('login_box'),

? ? ? ? ?close=document.getElementById('close');

? ? ? // 封裝添加事件監聽程序

? ? ? ? function addEvent(ele,type,hander){

? ? ? ? ? ? if(ele.addEventListener){

? ? ? ? ? ? ? ? ele.addEventListener(type,hander,false)

? ? ? ? ? ? }else if(ele.attachEvent){

? ? ? ? ? ? ? ? ele.attachEvent("on"+type,hander);

? ? ? ? ? ? }

? ? ? ? ? ?// 執行代碼 ?

? ? ? }

? ? ? ? // 顯示登錄層函數

? ? ? function showLogin(ele){

? ? ? ? ? ? ? ele.style.display="block";

? ? ? // 執行代碼

? ? ? ? }

? ? ? ? // 隱藏登錄層函數

? ? ? ? function hideLogin(ele){

? ? ? ? ? ? ele.style.display="none";

? ? ? ? ? // 執行代碼

? ? ? ? }

? ? ? ? //點擊登錄按鈕顯示登錄層?

? ? ? ? addEvent(login_btn,"click",showLogin(login_box));

? ? ? ? // 執行代碼

? ? ? ? //點擊關閉按鈕隱藏登錄層

? ? ? ? addEvent(close,"click",hideLogin(login_box));

? ? ? ? // 執行代碼

? ? ? }

</script>

慕婉清4886767

2016-07-11

源自：DOM事件探秘 3-3

關注問題我要回答

1175

操作

收起

1 回答

NemoOTZ_03565218 回答被采納 +3 積分
2016-07-11

?????window.onload=function(){

??????var?login_btn=document.getElementById('login'),

?????????login_box=document.getElementById('login_box'),

?????????close=document.getElementById('close');

??????//?封裝添加事件監聽程序

????????function?addEvent(ele,type,hander,e){
????????????if(ele.addEventListener){
????????????????ele.addEventListener(type,function(){
??????????????????if(hander?===?showLogin?&&?type?===?'click'){
????????showLogin(e);
??????}else{
????????hideLogin(e);
??????}
????????????????},false)
????????????}else?if(ele.attachEvent){
????????????????ele.attachEvent("on"+type,function(){
??????????????????if(hander?===?showLogin?&&?type?===?'click'){
????????showLogin(e);
??????}else{
????????hideLogin(e);
??????}
????????????????});
????????????}else{
????????????????ele['on'+type]?=?function(){
??????????????????if(hander?===?showLogin?&&?type?===?'click'){
????????showLogin(e);
??????}else{
????????hideLogin(e);
??????}
????????????????};
????????????}

??????
????}

????????//?顯示登錄層函數

??????function?showLogin(e){

??????????????e.style.display="block";

??????//?執行代碼

????????}

????????//?隱藏登錄層函數

????????function?hideLogin(e){

????????????e.style.display="none";

??????????//?執行代碼

????????}

????????//點擊登錄按鈕顯示登錄層?

????????addEvent(login_btn,'click',showLogin,login_box);

????????//?執行代碼

????????//點擊關閉按鈕隱藏登錄層

????????addEvent(close,'click',hideLogin,login_box);

????????//?執行代碼

??????}

JS代碼可以如上