Javascript 页眉和页脚中的可编辑文本区域需要显示两处的更改

我有一个包含联系信息的html发票的页眉和页脚。无论我在页眉中做了什么内容更改，我都希望在页脚中显示它们，反之亦然

例如，如果我更改了页眉中的电话号码，则在单击文本框外后，页脚中的电话号码应该会更改。不幸的是，我只在一次登录时成功使用了它：

$(document).ready(function () {
    function getValue() {
        var x;
        x = document.getElementById("phone-number").value;
        document.getElementById("phone-number-footer").value = x;
    }
    $('#phone-number').keypress(function (e) {
        if (e.which == 13) { //Enter key pressed
            getTextBoxValue();
        }
    });
});

---

Javascript函数在document.ready函数中不起作用。它应该移到document.ready函数的下方或上方

所以请检查下面的解决方案

$(document).ready(function() {
    $(document).on('blur', '#phone-number', function(e) {
        getHeaderTextBoxValue();
    });
    $(document).on('keypress', '#phone-number', function(e) {
        if (e.which === 13) {
            getHeaderTextBoxValue();
        }
    });
    $(document).on('blur', '#phone-number-footer', function(e) {
        getFooterTextBoxValue();
    });
    $(document).on('keypress', '#phone-number-footer', function(e) {
        if (e.which === 13) {
            getFooterTextBoxValue();
        }
    });
});
function getHeaderTextBoxValue() {
    var x;
    x = document.getElementById("phone-number").value;
    document.getElementById("phone-number-footer").value = x;
}
function getFooterTextBoxValue() {
    var x;
    x = document.getElementById("phone-number-footer").value;
    document.getElementById("phone-number").value = x;
}

---

谢谢你的回复。当我使用上面的代码时，我得到了一个错误。我正在Codekit上运行我的项目，并获得以下信息：$（文档）在（'blur'），'电子邮件地址'，函数（e）{^SyntaxError:Unexpected token:name（on）哦…我的错误。我只是忘记添加。在添加之前。你能现在检查一下吗？我刚刚编辑了我的答案。仍然没有成功：（我已经创建了一个代码笔，并尝试在那里使用它，但没有成功。当我更改两个文本区域中的值时，更改不匹配。这是因为您需要在外部文件中添加jquery.js文件。检查这里啊，这是一个明显的错误，我的错！谢谢，我看到它现在正在工作：）但是，如何使我在页脚文本区域中所做的更改也会更改页眉中的内容？目前，在询问有关依赖于HTML交互的JavaScript的问题时（在这种情况下，页眉和页脚中包含

元素），这只是一种方法。请发布足够的“”代码，我们可以复制您的问题，理想地使用HTML密切（或精确地）匹配您自己的情况。虽然目前公布的答案工作，我不相信这是最有效的解决方案，但一个有效的解决方案将取决于我认为-在您的HTML，您没有显示。考虑阅读的“指导方针，看看如何写一个问题，邀请好的答案。