반응형

Copy 2

[JS] DIV태그 복사버튼 기능 구현하기.

기존에 DIV태그 복사 기능을 구현해두었다. https://curryyou.tistory.com/358 [자바스크립트] div, p, a, span 텍스트 복사(copy)기능 구현 방법 보통 자바스크립트에서 텍스트를 클립보드에 복사하는 방법은 textarea, input[text]태그의 value값을 선택하여 document.execCommand('copy') 명령어를 실행하는 것이다. [자바스크립트] 텍스트 클립보드 복사 curryyou.tistory.com 위 내용으로 썼는데, 문제는 크롬에서 document.execCommand('copy'); 위 내용이 Deprecated된 상태.. 작동이 안됨. 그래서 찾아보았다. 클립보드 API를 사용하길 권장. // div 내부 텍스트 취득 const val..

취업/CodeIgniter 2022.08.29

[자바스크립트] input 태그는 숨겨져있으면 복사 불가.

복사가 불가능하다. 복사버튼을 클릭하면 input태그에 있는 value 값을 가져와 해당 값을 복사기능을 구현하고, input태그를 숨겨버리려고 했는데, 특이하게도 숨겨져있으면 복사가 안된다. 그래서 필요한 코드가 화면에 아예 안보이게 던져버리려고 해당 코드를 작성하였다. position: absolute; left:-1000px; top:-1000px; 원래는 buttton 태그 안에 value 값을 구현했으나 해당 부분은 ajax 같은 값을 어딘가에 넘길때나 쓰는거지 let ch = $(태그).attr('value'); ch.select(); => 작동 불가. $(태그).select() => value 값 못 가져옴. 이러길래 그냥 따로 input창 만들어서 후딱 해버렸다. 이런 기능에 시간 낭비하는..

728x90