javascript - 使用 javascript 并行填充两个输入

Question

我正在尝试执行一次填充两个输入的简单任务，以便当用户填充一个输入时，另一个输入会自动填充相同的数据。 这是 JavaScript 代码

function autofilltitle(){
    var title_en=document.getElementById('title_en');
    var title_id=document.getElementById('title_id');
    var title_pt_br=document.getElementById('title_pt-br');
    var data =title_en.value;
    title_id.value=title_en.value;
    title_pt_br.value= title_en.value;
}

我已经在 W3schools 编辑器上尝试过了，效果很好。但在我的本地机器上它不起作用。控制台没有给出错误，但任务尚未完成。

HTML:

<input type="text" value=""name="title_en" id="title_en" data-required="1" class="form-control" placeholder="Title" onkeyup="autofilltitle()" />
<input type="text" value=""name="title_pt-br" id="title_pt-br" data-required="1" class="form-control" placeholder="Title" onkeyup="autofilltitle()" />
<input type="text" value=""name="title_id" id="title_id" data-required="1" class="form-control" placeholder="Title" onkeyup="autofilltitle()" />

Answer 1

您在输入元素上缺少事件监听器。

如果没有设置eventListener，函数不会自动运行

function autofilltitle(){
    var title_en=document.getElementById('title_en');
    var title_id=document.getElementById('title_id');
    var title_pt_br=document.getElementById('title_pt-br');
    var data =title_en.value;
    title_id.value=title_en.value;
    title_pt_br.value= title_en.value;
}

<input id="title_en" onkeyup="autofilltitle()" />
<input id="title_id" />
<input id="title_pt-br" />