클릭시 복사버튼 여러개

인찌 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2021.12.30 15:12:45 1996 (211.♡.♡.67)

답변 1

본문

게시판 리스트 페이지에 버튼 클릭하면 여분필드 wr_7의 텍스트가 복사대는 것을 구현하였습니다.

근데 리스트페이지다보니깐 버튼이 여러개인데 하나만.. 복사 기능이 되더라구요

혹시 버튼이 여러개라서 해당 여분필드 값이 각각 복사되게 어떻게 할수 있을까요?


<div class="tag">
                        <div id="instaTag">
                        <?php echo $view['wr_7'] ?>
                        </div>
                        <button onclick="copy_to_clipboard()">copy</button>
                    </div>    
                        
                    <script>
                        function copy_to_clipboard() {    
                          var copyText = document.getElementById('instaTag').textContent;
                          var textArea = document.createElement('textarea'); 
                          
                          document.body.appendChild(textArea); 
                          textArea.value = copyText;
                          textArea.select(); 
                          document.execCommand('copy');
                          document.body.removeChild(textArea);
                          alert('복사되었습니다.');
                        }

#javascript

답변 1

폭주죽 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2021-12-30 15:30:53 110.♡.♡.163



<button onclick="copy_to_clipboard('<?=$view['wr_7']?>')">copy</button>


<script>
  function copy_to_clipboard(txt) {    
    var copyText = txt;
    var textArea = document.createElement('textarea'); 
    
    document.body.appendChild(textArea); 
    textArea.value = copyText;
    textArea.select(); 
    document.execCommand('copy');
    document.body.removeChild(textArea);
    alert('복사되었습니다.');
  }
</script>