이 기사 예제는 텍스트 상자의 div 레이어에있는 JS 입력 텍스트 상자의 텍스트 상자 내용의 내용을 동기화하는 방법을 보여줍니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
코드를 다음과 같이 복사하십시오.
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = gb2312" />
<title> 텍스트 상자에 텍스트를 입력하고 페이지의 div 레이어에서 텍스트 상자의 내용을 동기화합니다 </title>
<스타일>
TextRea {너비 : 300px; 높이 : 150px; 국경 : 1px Solid #CCC; 글꼴 크기 : 12px; 색상 :#000;}
p {패딩 왼쪽 : 30px; 텍스트 안정 : -30px; 너비 : 270px; 높이 : 250px; 국경 : 1px 고체 #900; 마진 탑 : 50px; 글꼴 크기 : 12px; 색상 :#F00; 라인 높이 : 21px; 오버플로 : 숨겨진}
</스타일>
<script type = "text/javaScript">
함수 swaptxt ()
{
var txt = document.getElementById ( "eml"). 값;
document.getElementById ( "lyny"). innerhtml = txt;
}
</스크립트>
</head>
<body>
<textArea name = ""cols = ""rows = ""id = "eml"onkeyup = "swaptxt ()"> </textArea>
<p id = "lyny"> 코드 홈 팁 : www.vevb.com </p>와 같은 위의 텍스트 상자에 텍스트를 입력하십시오.
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.