Cet exemple d'article illustre comment synchroniser le contenu du contenu de la zone de texte dans la zone de texte de saisie JS dans la couche div dans la zone de texte. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Copiez le code comme suit: <! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<adal>
<meta http-equiv = "content-type" content = "text / html; charset = gb2312" />
<Title> Entrez le texte dans la zone de texte et synchronisez le contenu de la zone de texte dans le calque DIV sur la page </Title>
<style>
TextArea {largeur: 300px; hauteur: 150px; Border: 1px solide #ccc; taille de police: 12px; Couleur: # 000;}
p {padding-left: 30px; Texte-indent: -30px; largeur: 270px; hauteur: 250px; Border: 1px solide # 900; marge: 50px; taille de police: 12px; Couleur: # F00; hauteur de ligne: 21px; débordement: caché}
</ style>
<script type = "text / javascript">
fonction swaptxt ()
{
var txt = document.getElementById ("eml"). valeur;
document.getElementById ("Lyny"). InnerHtml = txt;
}
</cript>
</ head>
<body>
<textarea name = "" cols = "" rows = "" id = "eml" onkeyup = "swaptxt ()"> </ textarea>
<p id = "Lyny"> Code Conseils à domicile: Veuillez saisir le texte dans la zone de texte ci-dessus, tels que www.vevb.com </p>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.