javascript - 如何通过链接早期的附加方法将事件附加到表单的 onSubmit 事件？

Question

我的应用程序有数百页。现在我必须在表单的 onSubmit 上附加一个事件 disablePage。我不想去每一页都写:

<form name="frmname" onSubmit="disablePage();">

我现在正在做的是:-

摘自 common.js 文件； [包含在所有页面中]

/* we have to attach 'attachFormSubmit' method on onLoad event, 
   otherwise forms[0] will always be null. If there is any alternative, 
   then please suggest one */
if (window.addEventListener){   
    window.addEventListener('load', attachFormSubmit, false); 
} else if (window.attachEvent){ 
    window.attachEvent('onload', attachFormSubmit );
}

function attachFormSubmit(){
    forms = document.getElementsByTagName('Form');  
    if ( forms[0] ){  // there is only one form in all pages    
        if (forms[0].addEventListener){         
            forms[0].addEventListener('submit', disablePage, false); 
        } else if (forms[0].attachEvent){           
            forms[0].attachEvent('onsubmit', disablePage);
        }
    }
}

function disablePage(){     
    document.getElementById("pageHideDivID").style.display='inline';        
}

至此一切正常，disablePage() 已附加到所有页面的表单上。

但问题是，如果有人已经将任何方法附加到 onSubmit 或 onLoad，那么也应该执行该方法。我猜根据我的代码，代码将永远不会被执行。我也应该如何链接他们的方法？

请不要使用 JQuery。

Answer 1

根据 Quirksmode你在做什么实际上应该工作。它应该只添加您的事件而不是替换旧事件。这就是为什么您使用 addEventListener/attachEvent 而不是分配给 onsubmit。