이번에는 JS로 만든 클릭 복사 효과를 가져오겠습니다. JS로 만든 클릭 복사 효과의 주의사항은 무엇인가요?
원리:
예
<!DOCTYPE html><html><head>
<meta charset="UTF-8">
<title>复制</title></head><body>
<script>
var textCopy=function (data) { var f=document.createElement("form");
f.id="copy-"+Date.parse(new Date());
f.onsubmit=function(){return false};
f.style="opacity: 0;height: 1px;width: 1px;overflow: hidden;position:fixed;top: -1;left: -1;z-index: -1;"
f.innerHTML=`<button onclick='story.select();document.execCommand("Copy");'></button>
<textarea name="story">${data}</textarea>`; document.body.appendChild(f); document.querySelector(`#${f.id}>button`).click();
document.body.removeChild(document.getElementById(f.id));
}
</script>
<input id="test" value="" />
<button onclick="textCopy(document.getElementById('test').value)" >复制</button> </body></html>이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. PHP 중국어 웹사이트의 다른 관련 기사도 주목해주세요!
관련 읽기:
nodejs를 사용하여 업로드 이미지 인터페이스 테스트 클라이언트를 작성하는 방법 h5를 사용하여 성능 변경 선 차트를 만드는 방법 nodejs jsonp를 통해 싱글 사인온 데모를 구현하는 방법위 내용은 JS로 만든 클릭 복사 효과의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
