아하

생활

생활꿀팁

용감한돌고래74

용감한돌고래74

자바스크립트에서 클립보드로 복사하려면 어떻게 하나요?

자바스크립트에서 단순 텍스트가 아니라 이미지를 클릭시에 특정 문자열이 복사되게 하려면 어떻게 하나요?

대표적으로 네이버 블로그에서 URL 복사하기 누르면 URL 주소가 입력되는 방식이 궁금합니다.

간편하게 사용하는 방법이 있으면 알려주세요!

    3개의 답변이 있어요!

    • pay2id.com

      pay2id.com

      아래 소스 실행하면 로보트 나오는데요

      로보트 클릭하면 텍스트박스에 있는 내용이 클립보드에 저장이 됩니다

      한번 해보세요

      <!DOCTYPE html> <html> <body> <p>아래 이미지를 누르면 클립보드로 텍스트박스의 내용이 복사됩니다</p> <input type="text" value="Hello World" id="myInput"><br><br> <img src="https://blogpfthumb-phinf.pstatic.net/20100523_56/idolpia_1274603112075_7Mjxob_jpg/2010-05-11+19%3B00%3B43.jpg?type=w161" onclick="myFunction()"> <script> function myFunction() { var copyText = document.getElementById("myInput"); copyText.select(); copyText.setSelectionRange(0, 99999) document.execCommand("copy"); alert("Copied the text: " + copyText.value); } </script> </body> </html>

    • 고급스런비쿠냐84

      고급스런비쿠냐84

      방법은 여러가지가 있는데

      document.execCommand("copy"); 를 활용하시면 됩니다

      텍스트박스에 있는 값을 클립보드로 복사할때는

      var obj = document.getElementById("textbox");

      obj.select(); 

      document.execCommand("copy");

      obj.setSelectionRange(0, 0);

      이렇게 사용하시면 될 것 같습니다

    • 경건한개구리7

      경건한개구리7

      안녕하세요~ <script> function copy_to_clipboard() { var copyText = document.getElementById("test-copy"); copyText.select(); document.execCommand("Copy"); } <input id="test-copy" value="이글을 복사합니다."> <button onclick="copy_to_clipboard()">클립보드로 복사</button>

      이렇게 한번해보세요~ input 창안에 있는 내용이 복사될겁니다

      수고하세요~