Ik heb hulp nodig met mijn javascript-code nodig, ik heb 3 tekstvakken met karakter teller onder hen tellen van 4 tot 0. Ik gebruikte 2 functies voor deze, de 1e functie is voor de teller, de 2e functie verplaatst de focus van de cursor naar het volgende tekstvak eenmaal teller raakt 0. functies hieronder weergegeven.
<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 ();}}
en dit is hoe mijn tekst gebieden waar gecodeerd, zoals hieronder aangegeven
<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;>
Hieronder is het voorbeeld van de uitvoer:
Wat ik wil gebeuren is als ik typ 4 karakters in de eerste textarea voorbeeld 1234 dan in plaats van continu te typen naar de 2e textarea, heb ik besloten om te klikken op de eerste textarea om de focus bij het begin en het type in 4 karakters voorbeeld te geven 4321 , ik wil de oorspronkelijke inhoud van de eerste tekst gebied geduwd naar de tweede tekst gebied. Voorbeeldresultaat: resultaat
En als ik het zelfde en het type in 1234 opnieuw op de eerste textarea, de oorspronkelijke inhoud van textarea1 zal worden geduwd om textarea2 en textarea2 de inhoud naar textarea 3: als dit
dank je.
