อย่างไรก็ตามเป็นที่น่าสังเกตว่าการแนะนำอย่างเป็นทางการได้ระบุไว้อย่างชัดเจนว่าปลั๊กอินนี้ไม่รองรับ IE6 ด้านล่างนี้จะให้การใช้งานฟังก์ชั่นสำเนาคลิปบอร์ดศูนย์แบบหลายจุดและวิธีการเขียนที่เข้ากันได้ของ IE6!
ดาวน์โหลด Zeroclipboard First //www.vevb.com/jiaoben/24961.html
<style type = "text/css"> body {font-family: arial, sans-serif; ขนาดฟอนต์: 9pt; } .CopyIt {Text-Align: Center; ชายแดน: 1px Solid #FD6001; พื้นหลังสี:#ed730b; มาร์จิ้น: 10px; Padding: 2px 5px; เคอร์เซอร์: ตัวชี้; ขนาดตัวอักษร: 12px; Border-Radius: 3px;} .copyit.hover {พื้นหลัง-สี:#fd6001;}. copyit.active {พื้นหลัง-สี:#D25102;}/*เอฟเฟกต์เมาส์ที่แท้จริง #ccc; การแพ็คดิ้ง: 5px;} </style> <script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" src = "/js/zeroclipboard/zeroclipboard.js"> </script> <div> <textarea id = "fe_text" cols = 50 แถว = 5> เนื้อหาที่คัดลอกแรก! - - </textarea> <b> คัดลอกเนื้อหา </b> </div> <br/> <div> <textarea id = "fe_text" cols = 50 แถว = 5> เนื้อหาที่คัดลอกมา! - - </textarea> <b> คัดลอกเนื้อหา </b> </div> <script type = "text/javascript"> var clip = null; ฟังก์ชั่น copythis () {ถ้า ($. browser.version == 6.0) {// สำหรับ IE6 $ ('. copyit') รหัส = $ (นี่) .parents (". clip_container") ค้นหา (". copycnt"). text (); window.clipboarddata.setData ("ข้อความ", รหัส); return;} zeroclipboard.setMoviePath ("http://img.vevb.com/js/scripts/clipboard.swf '"); // ถ้า zeroclipboard.js, zeroclipboard.swf อยู่ในไดเรกทอรีเดียวกัน clip = new Zeroclipboard.client (); $ ('. copyit'). mouseover (function () {var code = $ (นี่). parents (". clip_container") ค้นหา (". copycnt") ข้อความ () เมื่อใช้เมาส์โฮเวอร์ //clip.receiveevent('MouseOut ', null); clip.addeventListener ('เสร็จสมบูรณ์', ฟังก์ชั่น (ไคลเอนต์, ข้อความ) {แจ้งเตือน ("เนื้อหาที่คัดลอก: /n"+ข้อความ);});} copythis (); </script> <Textarea> วางเนื้อหาที่คัดลอกมาที่นี่เพื่อลอง! - </textarea>ในวิธีการใช้งานข้างต้นยกเว้น IE6 โดยใช้ window.clipboardData.setData เพื่อใช้ฟังก์ชั่นการคัดลอกเบราว์เซอร์อื่น ๆ ใช้ปลั๊กอินคลิปบอร์ดศูนย์เพื่อใช้ฟังก์ชั่นการคัดลอก!
บางสิ่งที่คุณควรให้ความสนใจเมื่อใช้ปลั๊กอินนี้:
1. zeroclipboard.js และ zeroclipboard.swf ด้านบนต้องวางไว้ใต้เส้นทางเดียวกัน หากคุณไม่ได้อยู่ในเส้นทางเดียวกันคุณสามารถใช้ Zeroclipboard.SetMoviePath ("เส้นทางแฟลช"); ในการตั้งค่าที่อยู่ zeroclipboard.swf
2. การวิเคราะห์วิธีการ setcsseffects (): เมื่อเมาส์เลื่อนไปที่ปุ่มหรือคลิกเนื่องจากการอุดตันของปุ่มแฟลชคลาสหลอกเช่น ": hover" และ ": active" ของปุ่มสำเนาอาจไม่ถูกต้อง วิธี SetCsseffects () คือการแก้ปัญหานี้ ก่อนอื่นเราต้องเปลี่ยนคลาสหลอกเป็นชั้นเรียนตัวอย่างเช่น:
การคัดลอกรหัสมีดังนี้:
.Copyit: โฮเวอร์ {
สีชายแดน:#FF6633;
-
// คุณต้องเปลี่ยน ": โฮเวอร์" เป็นต่อไปนี้ ".hover"
.Copyit.Hover {
สีชายแดน:#FF6633;
-
3. การวิเคราะห์วิธี gethtml (): หากคุณต้องการอินสแตนซ์แฟลชด้วยตัวเองโดยไม่ต้องใช้วิธีการแนบของคลิปบอร์ดเป็นศูนย์วิธีนี้สามารถช่วยได้ มันยอมรับพารามิเตอร์สองตัวคือความกว้างและความสูงของแฟลช รหัส HTML ที่สอดคล้องกับแฟลชจะถูกส่งคืน ตัวอย่างเช่น:
var html = clip.gethtml (150, 20);