ตัวอย่างบทความนี้อธิบายวิธีการคัดลอกข้อความหรือรูปภาพไปยังคลิปบอร์ดหลังจากคลิกโดย JS รหัสมีความกระชับและใช้งานได้จริงและรหัสฟังก์ชันเฉพาะมีดังนี้:
ใช้รหัสข้อความคัดลอก:
<table cellpadding = "0" cellpacing = "0"> <tr> <th style = "สี: สีขาว"> <s: ชื่อข้อความ = "รายละเอียด querylist"> </s: text> </th> </tr> <tr> <td align = "center"> <textarea name = READONLY = "READONLY"> </textArea> <div id = "InquiryInfodiv" style = "แสดง: ไม่มี"> <s: ค่าคุณสมบัติ = "InquiryContact" Escape = "False"/> </div> <script> dojo.byid ( </script> </td> </tr> <tr> <td align = "center"> <อินพุต type = "ปุ่ม" id = "ปุ่ม" ชื่อ = "ปุ่ม" value = "คัดลอก" onClick = "copycontact ()"/> </td> </tr> </table> ฟังก์ชั่น copycontact () {var contat = document.getElementById ("InquiryContact1") ค่า; window.clipboarddata.setData ('ข้อความ', contat); if (window.clipboardData.getData ('text') == '') {ถ้า (i == 1) {แจ้งเตือน ("คัดลอกล้มเหลวโปรดคัดลอกคีย์ลัด Ctrl+C ด้วยตนเอง!"); } else {แจ้งเตือน ("คัดลอกล้มเหลวโปรดคัดลอกอีกครั้ง!"); i = 1; }} else {Alert ("เนื้อหาถูกคัดลอกไปยังคลิปบอร์ด!"); }} </script>ใช้การคัดลอกรหัสรูปภาพ:
<! doctype html public "-// w3c // dtd html 4.01 transitional // en" "http://www.w3.org/tr/html4/loose.dtd"> <html> <head> <title> แทรกชื่อเรื่องที่นี่ </title> <script language = "jscript"> var opopup = window.createPopup (); ฟังก์ชั่น buttonclick (div) {// var div = document.getElementById ('divid'); div.contentedable = 'true'; VAR Controlrange; if (document.body.createControlrange) {controlRange = document.body.createControlRange (); ControlRange.addelement (DIV); ControlRange.ExecCommand ('Copy'); } div.contenteditable = 'false'; } </script> </head> <body> <div id = "divid1"> <img src = "f: /2012070518474964.jpg" onclick = "buttonClick (นี่)"> </div> </body>ผู้อ่านที่สนใจสามารถทดสอบรหัสด้วยตนเองหรือแก้ไขและปรับปรุงฟังก์ชั่น!