이 라이브러리는 더 이상 현대적인 웹 개발에 필요하지 않기 때문에 더 이상 유지되지 않습니다. Frontend JavaScript가 클립 보드를 조작하려면 새로운 HTML 클립 보드 API (MDN에서 사용할 수있는 다양한 문서) 또는 Clipboard.js와 같은 작은 편의 래퍼를 살펴보십시오. 모든 지원에 감사드립니다.이 프로젝트는 수년간 사랑의 노동이었습니다.
이 master 브랜치는 Zeroclipboard 용 v2.x 코드베이스가 포함되어 있습니다! v1.x 코드베이스는 대신 1.x-master 브랜치를 참조하십시오.
Zeroclipboard 라이브러리는 보이지 않는 Adobe Flash 영화와 JavaScript 인터페이스를 사용하여 클립 보드에 텍스트를 복사하는 쉬운 방법을 제공합니다. "Zero"는 라이브러리가 보이지 않으며 사용자 인터페이스가 전적으로 귀하에게 맡겨져 있음을 나타냅니다.
이것은 당신이 선택한 DOM 요소 위에 보이지 않는 영화를 자동으로 부유함으로써 달성됩니다. 표준 마우스 이벤트는 DOM 요소로 전파되므로 여전히 롤오버 및 마우스 타운 효과를 가질 수 있습니다.
제안 환영 기고 가이드 라인에 대한 읽기를 환영합니다.
지역 개발을위한 프로젝트를 설정하려면 터미널에서 이러한 명령으로 시작하십시오.
$ git clone https://github.com/zeroclipboard/zeroclipboard.git
$ cd zeroclipboard/
$ npm install -g grunt-cli
$ npm install
$ grunt풀 요청을 제출하기 전에 코드를 확인, 빌드 및 테스트해야합니다. 터미널에서 기본 grunt 작업을 실행하십시오.
$ grunt테스트 만 실행하려면 Grunt 테스트를 실행하십시오.
$ grunt test 브라우저 및 플래시 보안 제한으로 인해이 클립 보드 주입은 사용자가 보이지 않는 플래시 영화를 클릭 할 때만 발생할 수 있습니다. JavaScript의 시뮬레이션 click 이벤트는 클립 보드 중독을 가능하게하기 때문에 충분하지 않습니다.
전체 제한 목록은 문서/지침을 참조하십시오 .md#제한 사항.
이 페이지에서 Zeroclipboard가 JSFiddle, JSBIN 및 Codepen과 같은 코드 놀이터 사이트에서 기본적으로 작동 하지 않는 이유에 대한 설명과 ZeroClipboard가 작동하도록 해당 사이트에서 사용할 적절한 "보기"URL에 대한 설명을 찾을 수 있습니다.
< 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" ] ) ;
} ) ;
} ) ;사이트의 라이브러리를 사용하는 데있어보다 고급 옵션은 Docs/Instructions.md를 참조하십시오. 전체 API 문서는 Docs/API/Zeroclipboard.md를 참조하십시오.
다음은 브라우저에서 Zeroclipboard를 사용해 볼 수있는 작업 테스트 페이지입니다.
페이지 데모 페이지를 로컬로 테스트하려면 웹 사이트 repo를 복제하십시오.
이 라이브러리는 Flash Player 11.0.0 이상과 완전히 호환되므로 Flash Movie 내부의 사용자 클릭 이벤트가 클립 보드 복사 작업을 시작해야합니다. 이것은 당신이 선택한 DOM 요소 위에 보이지 않는 영화를 자동으로 부유함으로써 달성됩니다. 표준 마우스 이벤트는 DOM 요소로 전파되므로 약간 의 추가 노력만으로도 롤오버 및 마우스 타운 효과를 가질 수 있습니다.
Zeroclipboard v2.x IE9+ 및 모든 상록 브라우저에서 작동 할 것으로 예상됩니다. IE7 & IE8에 대한 지원은 공식적으로 v2.0.0 에서 떨어졌지만 실제로는 여전히 v2.0.2 를 통해 기술적으로 지원되었습니다.
버전 1.1.7로 시작하여 Zeroclipboard는 시맨틱 버전을 사용합니다.
릴리스를 참조하십시오
MIT © James M. Greene Jon Rohan