0

我正在尝试修改一个看起来像这样的现有网页

<script type="text/javascript" src="s1.js"></script>

s1.js 有这样的东西

window.onDomReady = DomReady;

function DomReady(fn)
{
    if(document.addEventListener)
    {
        document.addEventListener("DOMContentLoaded", fn, false);
    }
    else
    {
        document.onreadystatechange = function(){chState(fn);};
    }
}

function chState(fn)
{
    if(document.readyState == "interactive" || document.readyState == "complete")
        fn();
}


window.onDomReady(addHndlrs);

function addHndlrs()
{
    var forms = document.getElementsByTagName("form");
    for(var i = 0; i < forms.length; i++) 
    {
        var form = forms[i];
        if(form.addEventListener)
        {
            form.addEventListener("submit", DoValidate, false);
        }
        else if (form.attachEvent)
        {
            form.attachEvent("onsubmit", DoValidate);
        } 

        Other stuff.

    }

当我在表单上单击提交时，会调用 DoValidate。

我正在尝试修改此页面以添加另一个在第一个提交处理程序之后调用的提交处理程序。

我复制了上面的代码，更改了函数名并放入 s2.js。

window.onDomReady = DReady;

function DReady(fn)
{
    if(document.addEventListener)
    {
        document.addEventListener("DOMContentLoaded", fn, false);
    }
    else
    {
        document.onreadystatechange = function(){Chk1State(fn);};
    }
}

function Chk1State(fn)
{
    if(document.readyState == "interactive" || document.readyState == "complete")
        fn();
}

window.onDomReady(myready);

function myready()
{
    var forms = document.getElementsByTagName("form");
    for(var i = 0; i < forms.length; i++) 
    {
        var form = forms[i];
        if(form.addEventListener) 
        {
            form.addEventListener("submit", mynewhandler, false);
        }
        else if (form.attachEvent) 
        {
            form.attachEvent("onsubmit", mynewhandler);
        }
    }

}

在表单 html 中，我添加了对它的引用

<script type="text/javascript" src="s1.js"></script>
<script type="text/javascript" src="s2.js"></script>

我的新提交处理程序永远不会被调用。我通过 firebug 对其进行了调试 - 我看到 DReady 被调用并且我的 DOM Ready 处理程序被注册。但是 myready 永远不会被调用，所以我的提交处理程序永远不会被注册。

我在这里想念什么？我尝试更改包含 s1.js 和 s2.js 的顺序，但这似乎没有帮助。我想在不修改 s1.js 的情况下做到这一点

4

1 回答 1

4

您提供的代码似乎很好！已检查 Chrome 25、FireFox 19 和 IE 10！

通常我发现在运行时修改代码（而不是源文件）更容易，这要归功于 JavaScript 是动态类型的，您可以DoValidate用自己的函数覆盖该函数，DoValidate通过以下代码中的闭包将其传递给原始函数s2.js：

var originalValidate = DoValidate;
DoValidate = function () {
    originalValidate();
    alert("my handler");
};
于 2013-03-07T10:34:45.690 回答