在 window.onload 中添加两个函数

Question

我的表单上有两个功能，但如果另一个处于活动状态，则一个功能将不起作用。这是我的代码：

 window.onload = function(event) {
    var $input2 = document.getElementById('dec');
    var $input1 = document.getElementById('parenta');
    $input1.addEventListener('keyup', function() {
        $input2.value = $input1.value;
    });
}

window.onload=function(){
    document.getElementById('enable').onchange=function(){
        var txt = document.getElementById('gov1');
        if(this.checked) txt.disabled=false;
        else txt.disabled = true;
    };
};

我的意思是，当我在我的表单中同时拥有这两个功能时，第二个功能可以正常工作，但第一个功能不起作用，如果取出第二个功能，第一个功能将正常工作，为什么会这样？是因为名字吗？

原文由 AJJ 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

尝试将所有代码放入相同的 [且仅 1] onload 方法中！

  window.onload = function(){
        // All code comes here
 }

原文由 Janak 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

window.addEventListener("load",function(event) {
    var $input2 = document.getElementById('dec');
    var $input1 = document.getElementById('parenta');
    $input1.addEventListener('keyup', function() {
        $input2.value = $input1.value;
    });
},false);

window.addEventListener("load",function(){
    document.getElementById('enable').onchange=function(){
        var txt = document.getElementById('gov1');
        if(this.checked) txt.disabled=false;
        else txt.disabled = true;
    };
},false);

文档在 这里

请注意，此解决方案可能无法跨浏览器使用。我认为你需要依赖第三个库，比如 jquery $(document).ready

原文由 Khanh TO 发布，翻译遵循 CC BY-SA 3.0 许可协议