HTML 페이지 - 복사 버튼에 사용되는 샘플 코드 공유

여백: 0px; 패딩: 10px 0px 5px; 색상: rgb(37, 37, 37); 글꼴 계열: arial, "microsoft yahei", sans -serif; 공백: 일반; 배경색: rgb(255, 255, 255);"> 먼저 전반적인 계획에 대해 이야기하겠습니다.

클립보드 플러그 사용 -in, 공식 주소와 github 주소는 중국어 설명서를 참고하셔도 됩니다

클립보드 플러그인 실제 테스트 : PC 브라우저에서 사용 가능합니다. (mac에서는 Safari, chrome, Firefox를 사용해 보았습니다.) , iOS 10.3의 사파리, 휴대폰에서는 위챗 QQ 브라우저를 사용하실 수 있으나, 안드로이드 폰과 UC에 기본 제공되는 브라우저는 사용이 불가능하므로, 이용이 불가능한 기기의 경우 레이어 팝업 방식을 이용해주세요.

여기서 얻어야 할 태그가 display:none인 경우 data-clipboard-target 메소드는 값을 가져올 수 없습니다. 다음 메소드로 결합된 텍스트는 다음과 같습니다.

var getContent=document.getElementById("divContent").innerHTML;
document.getElementById("copy-button").setAttribute("data-clipboard-text", getContent);

위 내용은 HTML 페이지 - 복사 버튼에 사용되는 샘플 코드 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!