ดาวน์โหลด zeroclipboard - ดาวน์โหลดซอร์สโค้ด zeroclipboard

zeroclipboard

ซอร์สโค้ดแฟลช

v2.3.0

ดาวน์โหลด

คำเตือน!

ห้องสมุดนี้ไม่ได้รับการดูแลอีกต่อไปเนื่องจากไม่จำเป็นสำหรับการพัฒนาเว็บที่ทันสมัยอีกต่อไป หากคุณต้องการให้ JavaScript ส่วนหน้าของคุณจัดการกับคลิปบอร์ดโปรดดู HTML Clipboard API ใหม่ (เอกสารต่าง ๆ ที่มีอยู่ใน MDN) หรือเสื้อคลุมสะดวกสบายเล็ก ๆ รอบ ๆ เช่นคลิปบอร์ด js ขอบคุณสำหรับการสนับสนุนทั้งหมดของคุณโครงการนี้เป็นงานแห่งความรักมานานหลายปี

บันทึก:

สาขา master นี้มี v2.x codebase สำหรับ zeroclipboard! สำหรับ v1.x codebase ให้ดูสาขา 1.x-master แทน

Zeroclipboard

ไลบรารี Zeroclipboard เป็นวิธีที่ง่ายในการคัดลอกข้อความไปยังคลิปบอร์ดโดยใช้ภาพยนตร์ Adobe Flash ที่มองไม่เห็นและอินเทอร์เฟซ JavaScript "ศูนย์" บ่งบอกว่าไลบรารีนั้นมองไม่เห็นและส่วนต่อประสานผู้ใช้จะถูกทิ้งไว้ให้คุณทั้งหมด

สิ่งนี้สามารถทำได้โดยการลอยภาพยนตร์ที่มองไม่เห็นโดยอัตโนมัติบนองค์ประกอบ DOM ที่คุณเลือก เหตุการณ์เมาส์มาตรฐานจะแพร่กระจายไปยังองค์ประกอบ DOM ของคุณดังนั้นคุณยังสามารถมีเอฟเฟกต์โรลโอเวอร์และ mousedown

คำแนะนำยินดีต้อนรับอ่านตามแนวทางที่มีส่วนร่วม

การตั้งค่า

ในการตั้งค่าโครงการเพื่อการพัฒนาท้องถิ่นเริ่มต้นด้วยคำสั่งเหล่านี้ในเทอร์มินัลของคุณ

$ git clone https://github.com/zeroclipboard/zeroclipboard.git
$ cd zeroclipboard/
$ npm install -g grunt-cli
$ npm install
$ grunt

การพัฒนา

ก่อนส่งคำขอดึงคุณจะต้องตรวจสอบสร้างและทดสอบรหัสของคุณ รันงานคำรามเริ่มต้นในเทอร์มินัลของคุณ

$ grunt

การทดสอบ

หากคุณเพียงต้องการเรียกใช้การทดสอบให้เรียกใช้การทดสอบคำราม

$ grunt test

ข้อ จำกัด

จำเป็นต้องมีปฏิสัมพันธ์กับผู้ใช้

เนื่องจากเบราว์เซอร์และข้อ จำกัด ด้านความปลอดภัยของแฟลชการฉีดคลิปบอร์ดนี้สามารถเกิดขึ้น ได้ก็ต่อ เมื่อผู้ใช้คลิกบนภาพยนตร์แฟลชที่มองไม่เห็น เหตุการณ์ click แบบจำลองจาก JavaScript จะไม่เพียงพอเนื่องจากจะช่วยให้เกิดพิษจากคลิปบอร์ด

ข้อ จำกัด อื่น ๆ

สำหรับรายการข้อ จำกัด ที่สมบูรณ์ให้ดูเอกสาร/คำแนะนำ MD#ข้อ จำกัด

ในหน้านั้นคุณจะพบคำอธิบายว่าทำไม Zeroclipboard จะ ไม่ ทำงานตามค่าเริ่มต้นในไซต์สนามเด็กเล่นรหัสเช่น JSFIDDLE, JSBIN และ CodePen รวมถึง URL "ดู" ที่เหมาะสมเพื่อใช้กับเว็บไซต์เหล่านั้นเพื่อให้ Zeroclipboard ทำงานได้

ตัวอย่างง่ายๆ

 < html >
  < body >
    < button id =" copy-button " data-clipboard-text =" Copy Me! " title =" Click to copy me. " > Copy to Clipboard </ button >
    < script src =" ZeroClipboard.js " > </ script >
    < script src =" main.js " > </ script >
  </ body >
</ html >

 // main.js
var client = new ZeroClipboard ( document . getElementById ( "copy-button" ) ) ;

client . on ( "ready" , function ( readyEvent ) {
  // alert( "ZeroClipboard SWF is ready!" );

  client . on ( "aftercopy" , function ( event ) {
    // `this` === `client`
    // `event.target` === the element that was clicked
    event . target . style . display = "none" ;
    alert ( "Copied text to clipboard: " + event . data [ "text/plain" ] ) ;
  } ) ;
} ) ;

ดูเอกสาร/คำแนะนำ MD สำหรับตัวเลือกขั้นสูงเพิ่มเติมในการใช้ไลบรารีบนเว็บไซต์ของคุณ ดู docs/api/zeroclipboard.md สำหรับเอกสาร API ที่สมบูรณ์

นี่คือหน้าทดสอบการทำงานที่คุณสามารถลอง Zeroclipboard ในเบราว์เซอร์ของคุณ

ทดสอบ Zeroclipboard ในเครื่อง

ในการทดสอบหน้าการสาธิตหน้าในพื้นที่ให้โคลนเว็บไซต์ repo

สนับสนุน

ไลบรารีนี้เข้ากันได้อย่างสมบูรณ์กับ Flash Player 11.0.0 ขึ้นไปซึ่งต้องการให้การดำเนินการคัดลอกคลิปบอร์ดเริ่มต้นด้วยเหตุการณ์คลิกที่ผู้ใช้ภายในภาพยนตร์ Flash สิ่งนี้สามารถทำได้โดยการลอยภาพยนตร์ที่มองไม่เห็นโดยอัตโนมัติบนองค์ประกอบ DOM ที่คุณเลือก เหตุการณ์เมาส์มาตรฐานนั้นแพร่กระจายไปยังองค์ประกอบ DOM ของคุณดังนั้นคุณยังสามารถมีเอฟเฟกต์โรลโอเวอร์และ Mousedown ได้ด้วยความพยายามพิเศษ เล็กน้อย

Zeroclipboard v2.x คาดว่าจะทำงานใน IE9+ และเบราว์เซอร์เอเวอร์กรีนทั้งหมด แม้ว่าการสนับสนุน IE7 & IE8 จะลดลงอย่างเป็นทางการใน v2.0.0 แต่ก็ยังได้รับการสนับสนุน ทางเทคนิค ผ่าน v2.0.2