JS 클립 보드에 복사 달성 할

호환성 두 종류를 수집하는 것도 좋은 방법입니다.

(1) 제 1, 제 clipboard.js 플러그인 달성 ( 권장 )

다양한 방법을 사용하는 아주 쉬운을 위해이 플러그인 패키지는, 데모를 따라, 당신은보기의 GitHub의 지점에 갈 수 클립 보드 포털

두 번째, 순수한 JS 달성 :

<! DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 선두 > 
    < 메타 캐릭터 = "UTF-8" > 
    < 타이틀 > CopyDemo </ 타이틀 > 
</ 헤드 > 
< 본문 > 
    < DIV ID = NewsToolBox > </ DIV > 
    < DIV의 ID = "텍스트 콘텐츠" >       
        < P >测试P1 </ P >       
        <P >   
    </ DIV > 
    < 버튼 ID = "복사 텍스트 BTN" >复制</ 버튼 > 
</ 몸 > 
</ HTML > 
< 스크립트 유형 = "텍스트 / 자바 스크립트" > 
    // 复制全文
    document.getElementById를 ( " 복사 텍스트 btn을 " ) .onclick = 함수 () {
         var에 ssrsss = document.getElementById를 ( " 텍스트 컨텐츠 " ) .innerText.(대체 / \ + / g,"" ); // 텍스트 상자를 확인하고 제거 
            VAR을 플래그 = copytext (ssrsss); // 텍스트 제공 
            플래그 (경고를 ?  ' 성공적으로 복사 ' : ' 실패 복사 ' ) 
        }; 

        기능 copytext (텍스트) {
             var에 텍스트 영역 = 문서. 의 createElement ( " 텍스트 영역 " ); //는 입력을 만들기 개체 
            VAR currentFocus = ; document.activeElement // 현재 포커스 요소 
            VAR toolBoxwrap = (document.getElementById를' NewsToolBox ' ); // 텍스트 상자 후 NewsToolBox 삽입 
            toolBoxwrap.appendChild (텍스트 영역); // 소자 추가 
            textarea.value = 텍스트, 
            textarea.focus (); 
            IF (textarea.setSelectionRange) { 
                textarea.setSelectionRange ( 0 , textarea.value.length); // 끝 위치 커서를 시작 위치 가져 오기 
            } 다른 { 
                textarea.select를 (); 
            } 
            은 try {
                 var에 플래그 = document.execCommand ( " 복사 "); // 복사를 수행 
            } 캐치 (EO) {
                 var에 플래그 =  false로를 ; 
            } 
            ) toolBoxwrap.removeChild (텍스트 영역을; // 요소를 제거 
            currentFocus.focus를 ();
             반환 플래그; 
        } 
    </ 스크립트 >

위의 두 가지 방법이 좋은 호환성, 프로 테스트를 사용할 수 있습니다.