javascript的onkeyUp方法

最新推荐文章于 2022-11-26 17:18:05 发布

原创最新推荐文章于 2022-11-26 17:18:05 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #input #function #html

本文介绍了一个使用JavaScript实现的文本框同步功能，在两个输入框中输入内容时，第三个输入框会显示这些内容。但存在一个bug：首次输入汉字时功能不生效，需要先输入后删除再重新输入才可正常工作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

功能：在往第一个文本框或第二个文本框里输入的时候，同时在第三个文本框里显示输入的内容。
问题：在首次载入的时候，输入拼音，功能能实现。但是输入汉字，功能不能实现。必须在第一次
输入后，将输入内容删除，再重新输入，功能才能实现。

<html>
<head></head>
<script language="JavaScript">
   function addStr(elem1, elem2, des) {
       var newStr1 = elem1.value;
       var newStr2 = document.getElementById(elem2).value;
       document.getElementById(des).value=newStr1 + newStr2;
   }
</script>
<body>
<input type="text" name="str1" value="" onkeyUp="addStr(this, 'str2', 'str3')" >
<br>
<input type="text" name="str2" value="" onkeyUp="addStr(this, 'str1', 'str3')" >
<br>
<input type="text" name="str3" value="" >
</body>
</html>