Πώς να αλλάξετε εισαγωγής κειμένου με Javascript

Πολλοί σχεδιαστές ιστοσελίδων χρησιμοποιούν την Javascript για να αλλάξετε μέθοδο εισαγωγής κειμένου ενός χρήστη, αφού ο ίδιος τύπους το σε ένα κουτί κειμένου . Για παράδειγμα , θα μπορούσατε να χρησιμοποιήσετε τη Javascript για να διαγράψουν το ανάρμοστο λόγια από τη θέση ενός χρήστη του forum . Θα μπορούσατε επίσης να εμφανιστεί ένα προσωπικό χαιρετισμό σε έναν επισκέπτη της τοποθεσίας μετά μπαίνει το όνομά της στην πινακίδα -up μορφές. Αφού έμαθε μερικές JavaScript εντολές , μπορείτε να χειριστείτε το κείμενο εισόδου και διαμορφώστε το να ταιριάζει στις ανάγκες σας . Οι εντολές αυτές είναι γενικές και εργασία σε όλους τους browsers . Τα πράγματα που θα χρειαστείτε
HTML Editor ή Σημειωματάριο
Η Εμφάνιση Περισσότερες οδηγίες
Η

1 Δημιουργήστε ένα νέο έγγραφο HTML . 2

Προσθέστε τον κώδικα στην ενότητα του σώματος του εγγράφου :

?

Αυτό δημιουργεί ένα κενό τίτλο και ένα στοιχείο πλαισίου κειμένου . Θα τεθεί ένα όνομα στο πλαίσιο κειμένου . Ταυτότητες είναι προαιρετική, αλλά θα πρέπει να χρησιμοποιήσετε αν σκοπεύετε να χειριστείτε τα περιεχόμενα ενός στοιχείου HTML χρησιμοποιώντας JavaScript
εικόνων 3

Προσθέστε αυτό το στοιχείο κουμπί παρακάτω δήλωση πλαίσιο κειμένου : .

Όταν κάνετε κλικ στο κουμπί , JavaScript θα αλλάξει . το κείμενο που έχετε εισάγει και να εμφανίσει το νέο κείμενο στον τίτλο και στο πλαίσιο κειμένου
Η 4

Προσθέστε αυτή τη λειτουργία JavaScript στο τμήμα σεναρίου του εγγράφου :

changeText λειτουργία ( ) { var headingObject = document.getElementById ( « myHeading ') ? var textboxObject = document.getElementById ( « myTextbox ') ? var originalText = textboxObject.value ? textboxObject.value = " Hello" + originalText ? headingObject.innerHTML = " Κείμενο άλλαξε σε - > Hello " + originalText ? }

Η " document.getElementById "εντολή ανακτά ένα στοιχείο HTML και την καθιστά διαθέσιμη στους JavaScript . Σε αυτό το παράδειγμα , οι δύο " εντολές document.getElementById ανακτήσετε το στοιχείο τίτλο ( myHeading ) και το στοιχείο του πλαισίου κειμένου ( myTextbox ) . Η συνάρτηση παίρνει τότε το κείμενο από το πλαίσιο κειμένου και προσθέτει " Hello " στη συμβολοσειρά . Τέλος , η " innerHTML " οι ιδιότητες των επικεφαλίδα και πλαίσιο κειμένου στοιχεία που άλλαξαν .
5

Ανοίξτε το έγγραφο σε ένα πρόγραμμα περιήγησης , πληκτρολογήστε ένα όνομα στο πλαίσιο κειμένου και κάντε κλικ στο κουμπί . Η λειτουργία JavaScript θα προσθέσει " Hello " με το όνομα και την επικαιροποίηση των περιεχομένων των δύο στοιχείων HTML .
Η
εικόνων