我简单的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块。我不知道为什么会这样。任何人都可以帮我改进这段代码吗?
答案 0 :(得分:1)
使用 onkeyup 事件并不是您尝试做的最佳选择。您可以改为使用 oninput 事件。这是修改过的HTML:
Site Name: <input id="name" type="text" oninput="myFunction1(event,this)">
URL : <input id="url" type="text">