速度输入时,Javascript onKeyUp条件不起作用

时间:2016-04-02 19:57:46

标签: javascript html

我简单的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文本框具有相同的文本长度,则相同的文本应反映到URL文本框。但是当我加速输入网站名称时,我的if条件在输入几个字符后失败,然后转到else块。我不知道为什么会这样。任何人都可以帮我改进这段代码吗?

1 个答案:

答案 0 :(得分:1)

使用 onkeyup 事件并不是您尝试做的最佳选择。您可以改为使用 oninput 事件。这是修改过的HTML:

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