Question

我需要帮助我的javascript代码，我有3个文本框，其下面的字符计数器从4到0计数。我使用了2个函数，第1个函数用于计数器，第2个函数移动焦点一旦计数器击中0，光标移动到下一个文本框。如下所示。

<head>
<script type="text/javascript">
var maxAmount = 4;
function textCounter(textField, showCountField) {
if (textField.value.length > maxAmount) {
textField.value = textField.value.substring(0, maxAmount);
} else { 
showCountField.value = maxAmount - textField.value.length;}}

function moveCursor(fromTextBox, toTextBox){
var length = fromTextBox.value.length;
var maxLength = fromTextBox.getAttribute("maxLength");
if (length == maxLength){
document.getElementById(toTextBox).focus ();}}

这就是我的文本区域编码方式，如下所示

<textarea name="ta" id="ta1" rows="7" style="width:340px;"  MaxLength="4" 
onKeyDown="textCounte(this.form.ta,this.form.countDisplay);"
oninput="textCounter(this.form.ta,this.form.countDisplay); 
moveCursor(this,'ta2')" ></textarea>
<br>
<input readonly tabindex="-1" type="text" name="countDisplay" size="3" 
maxlength="3" value="4" style="border: none;">

下面是示例输出：

我想要发生的是如果我在第一个textarea示例“1234”中键入4个字符，然后不是连续输入到第二个textarea，我决定点击第一个textarea在开头设置焦点并输入4字符示例“4321”，我希望将第一个文本区域的原始内容推送到第二个文本区域。示例结果：result

如果我这样做并在第一个textarea再次输入1234，textarea1的原始内容将被推送到textarea2和textarea2的内容到textarea 3：like this

谢谢。

javascript在多个文本框中输入

0 个答案: