제로클립보드 단일복사버튼 및 다중복사버튼 구현방법_javascript 기술

Zeroclipboard는 복사를 위해 Flash를 사용하는 크로스 브라우저 라이브러리 클래스이므로 브라우저에 Flash가 설치되어 있는 한 실행할 수 있으며 IE의 document.execCommand("Copy")보다 더 유연합니다.

제로클립보드 다운로드 주소: http://www.jb51.net/jiaoben/24961.html

zeroclipboard는 멀티 브라우저에서 페이스트보드로 복사 기능(단일 복사 버튼 및 여러 복사 버튼)을 구현합니다. 더 나은 사용자 경험을 위해 이제 많은 웹사이트의 텍스트 상자 내용은 복사 버튼만 클릭하면 됩니다. 붙여넣기 보드에 복사하세요.

호환성 때문에 기본적으로는 zeroclipboard를 통해 구현됩니다. 먼저 zeroclipboard를 다운로드한 후 압축을 풀고 ZeroClipboard.js, ZeroClipboard.swf, ZeroClipboard10.swf("for flash10")를 프로젝트에 넣습니다. ZeroClipboard를 통해 swf를 로드할 수 있습니다. .setMoviePath( '/ZeroClipboard.swf' ) 메소드;
다음은 컴파일된 코드입니다(온라인 검색으로도 컴파일)

(단일 복사 버튼):

html:

코드 복사 코드는 다음과 같습니다.

복사

여러 개의 복사 버튼:

코드 복사 코드는 다음과 같습니다.

복사

복사

참고:clip.setText( $("#copy_txt" id).val() ); div의 콘텐츠를 가져오려면 일반적으로 clip.setText( $("#copy_txt" id).text를 사용하세요. () ) ;또는clip.setText( $("#copy_txt" id).html() );