클립 보드 4 옵션에 대한 jQuery 사본

이 기사는 클립 보드 복사를 자동화하기위한 4 개의 jQuery 및 JavaScript 방법을 탐색합니다 : Zclip, Zero Clipboard, 복사 텍스트 해결 방법 및 David Walsh 튜토리얼의 메소드. 각 접근 방식은 독특한 강점과 약점을 제공하여 특정 상황에 더 적합합니다. 저자는 다른 플러그인 옵션과 비교하여 상대적 단순성으로 인해 사본 텍스트 해결 방법을 권장합니다. 순수한 자바 스크립트를 사용하여 클립 보드 복사는 jQuery없이 달성 할 수 있음을 주목하는 것이 중요합니다. 그러나

는 보편적 인 지원이 부족하기 때문에 브라우저 호환성은 문제가 될 수 있습니다. Clipboard.js 라이브러리 또는 Clipboard API와 같은 대안은 더 나은 크로스 브라우저 호환성을 제공합니다.

내 실험은 오늘날 jQuery (및 일반 JavaScript)를 사용하여 클립 보드 복사를 자동화하는 것과 관련이 있습니다. 오른쪽 버튼 클릭을 통해 쉽게 수행 할 수있는 작업; COPY 또는 CTRL C. 일반적으로

메소드는 이것을 처리하지만 인터넷 익스플로러에서만 작동하는 것으로 보입니다. 해결 방법은 Flash SWF 파일을 사용하는 것과 관련이 있습니다. 몇 가지 jQuery 플러그인이 존재하며 4 가지 옵션을 식별했습니다 :

document.execCommand('copy') zclip : 이 플러그인은 전적으로 하이퍼 링크와 함께 작동합니다. 핵심 기능 (IE에만 해당)은 다음과 같습니다

Zero Clipboard :

강력한 클립 보드 플러그인 (간단함을 위해 다운로드 링크가 생략 됨). 사용의 스 니펫 :

execCommand('copy')

복사 텍스트 해결 방법 :
1. 이 메소드는 더 간단한 접근 방식을 제공합니다 jQuery 코드 :
HTML 코드 :

function copy(str) {
    //for IE ONLY!
    window.clipboardData.setData('Text', str);
}

css 코드 :

2. David Walsh Tutorial Method : 이 방법은 JavaScript 함수와 더 넓은 호환성을위한 플래시 구성 요소를 사용합니다.

function init() {
    clip = new ZeroClipboard.Client();
    clip.setHandCursor(true);
    clip.addEventListener('load', my_load);
    clip.addEventListener('mouseOver', my_mouse_over);
    clip.addEventListener('complete', my_complete);
    clip.glue('d_clip_button');
}

(참고 : 소스 링크는 간결하게 생략되었지만 원래 입력에 존재했습니다.)

위 내용은 클립 보드 4 옵션에 대한 jQuery 사본의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!