快速打字时，Javascript onKeyUp 条件不起作用

Question

我的简单 html 文件代码

Site Name: <input id="name" type="text" onkeyup="myFunction1(event,this)">
URL      : <input id="url" type="text">

JavaScript代码

function myFunction1(event,t){
     var nameval= document.getElementById("name").value;
     var urlval= document.getElementById("url").value;
     var namelen = nameval.length;
     var urllen = urlval.length;
     var res = nameval.substring(1, namelen);

     if(res.length == urllen){
            document.getElementById("url").value = t.value;
     }
     else{
            alert("string lengths are not matching");
     }
}

当用户在文本框中键入站点名称时我想要执行的操作，如果名称和 url 文本框具有相同的文本长度，则相同的文本应反射(reflect)到 URL 文本框。但是当我快速输入站点名称时，我的 if 条件在输入几个字符后失败，并且转到 else block 。我不知道为什么会发生这种情况。谁能帮我改进这段代码？

Answer 1

使用 onkeyup 事件并不是您想要执行的操作的最佳选择。您可以改用oninput 事件。这是修改后的 HTML:

Site Name: <input id="name" type="text" oninput="myFunction1(event,this)">
URL      : <input id="url" type="text">