การ copy ข้อความใน textarea จัดทำโดย : nut พิมพ์
 Untitled Document

การ copy ข้อความใน textarea

บทความนี้ผมจะเอา script ที่ว่าเวลาคลิกเมาส์ใน textarea แล้วจะทำการไฮไลท์และคัดลอกข้อความใน textareaนั้นออกมา

1. สร้างไฟล์ demo.html เพื่อใช้ในการทดสอบ Script นะครับ แล้วให้ copy script ด้านล่างแล้วนำไปวางไว้ใน tag <head>...</head> นะครับ

<script type="text/JavaScript">
function copy(name){
var tempval=document.getElementById(name);
tempval.focus();
tempval.select();

try {
therange=tempval.createTextRange()
therange.execCommand("Copy")
} catch (err) {}

}
</script>

2. หลังจากนั้นเราก้อมาสร้าง textarea ที่จะใส่ข้อความ กันต่อเลยครับ โดยตั้งชื่อของ textarea ว่า "test_copy"

<textarea name="test_copy" cols="80" rows="3" id="test_copy" onClick="copy('test_copy')">Webthaidd.COM นิตยสารออนไลน์ ฉบับแรกของคนไทย สอน php, dreamweaver, photoshop, เพลงออนไลน์, Tools online, Free Background, Free icon, Free bullet, Free font</textarea>

คลิกดูตัวอย่าง

คุณอาจสนใจ
กำจัดไวรัส MSN IMprofile.net
เว็บไทยดีดี (17,494 - 10 พ.ค. 51)
การใช้ภาพเป็น Background รวมกับแบบฟอร์มสำเร็จรูป
หมูขุน (29,979 - 04 ก.พ. 50)
สร้างข้อความเนยแข็ง
langjuko (142,184 - 28 ต.ค. 51)
Javascript HV menu นำข้อมูลจาก DB มาแสดง
Zerohate (39,318 - 19 ม.ค. 51)
สร้างข้อความแบบ wave
langjuko (44,959 - 02 ก.ย. 51)
การเลือกซื้อ Flashdrive
เว็บไทยดีดี (29,803 - 24 เม.ย. 51)
มหัศจรรย์ใช้เมาส์ทะลุข้ามเครื่องคอมพิวเตอร์
เว็บไทยดีดี (16,016 - 22 ก.ย. 50)
การทำอัปโหลดรูปชนิด gif และ jpg ลงดาต้าเบส ฉบับสมบูรณ์
Zerohate (80,836 - 22 ก.ย. 50)