javascript typen over meerdere tekstvak

stemmen
0

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:

voer

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.

De vraag is gesteld op 26/10/2017 om 11:38
user
In andere talen...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more