ตัวอย่างบทความนี้แสดงวิธีการซิงโครไนซ์เนื้อหาของเนื้อหากล่องข้อความในกล่องข้อความอินพุต JS ในเลเยอร์ DIV ในกล่องข้อความ แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
คัดลอกรหัสดังนี้: <! 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">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" />
<title> ป้อนข้อความลงในกล่องข้อความและซิงโครไนซ์เนื้อหาของกล่องข้อความในเลเยอร์ div บนหน้า </title>
<style>
Textarea {width: 300px; ความสูง: 150px; ชายแดน: 1px Solid #CCC; ขนาดตัวอักษร: 12px; สี:#000;}
P {padding-left: 30px; Text-Indent: -30px; Width: 270px; ความสูง: 250px; ชายแดน: 1px Solid #900; ระยะขอบด้านบน: 50px; ขนาดตัวอักษร: 12px; สี:#f00; ความสูงของสาย: 21px; ล้น: ซ่อน}
</style>
<script type = "text/javascript">
ฟังก์ชั่น swaptxt ()
-
var txt = document.getElementById ("EML") ค่า;
document.getElementById ("lyny"). innerhtml = txt;
-
</script>
</head>
<body>
<textarea name = "" cols = "" rows = "" id = "eml" onkeyup = "swaptxt ()"> </textarea>
<p id = "lyny"> รหัสหน้าแรก: โปรดป้อนข้อความในกล่องข้อความด้านบนเช่น www.vevb.com </p>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน