วันนี้ ตอนที่ฉันทำงานเกี่ยวกับฟังก์ชันแสดงความคิดเห็นที่คล้ายกับ QQ ฉันรู้สึกสับสนและมองหาคำตอบทุกที่บนอินเทอร์เน็ต ในที่สุด ฉันก็ได้รับแรงบันดาลใจในมุมเล็กๆ ที่ได้รู้จักสิ่งใหม่ๆ ที่น่าพึงพอใจ .
รหัส html มีดังนี้:
คัดลอกรหัสรหัสดังต่อไปนี้:
<div id="guo" contenteditable="true">
<img src="qqface/1.gif" />
</div>
<input type="button" value="Insert" onclick="insert()" />
รหัส js:
คัดลอกรหัสรหัสดังต่อไปนี้:
ฟังก์ชั่นแทรก () {
$("#guo").append("<img src='qqface/2.gif' />");
-
อินเทอร์เฟซก่อนดำเนินการ:
อินเทอร์เฟซหลังจากคลิกแทรก:
ป้อนข้อความ และรูปภาพที่แทรกสามารถคัดลอกจากกล่องอินพุตหนึ่งไปยังอีกกล่องหนึ่งได้
เราะ.