테스트 사이트 - 개발 중인 베타 버전입니다

버튼 클릭시 현재 url을 복사하고싶습니다.. 채택완료

훈훈훈훈훈 7년 전 조회 8,459

</p>

<p><?

$url  = $_SERVER['SERVER_NAME'].'/'.$_SERVER['PHP_SELF'];

?>

<button onclick="copy_to_clipboard()">Select</button>




<input type="text" id="myInput" value="<?php echo $url; ?>"></p>

<p><script>

function copy_to_clipboard() {

  $("#myInput").select();

  document.execCommand("copy");

  alert('복사되었습니다.');

}

</script></p>

<p>

 

이런식으로 현재 url을 input에 넣어서 복사하는데 까지는 성공했습니다!

그런데 저는 input이 필요없어서 보여주기싫어서...

display:none;을 하니

복사가 되지않고...

그냥 단순하게 버튼을 클릭하면

현재 url을 복사하고싶습니다.

조언좀 부탁드립니다.ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
7년 전

<input type="text" id="myInput" value="<?php echo $url; ?>">

대신

<input type="button"  id="myInput" value="url 복사 ">

 

스크립트를

$("#myInput").attribute("value","<?php echo $url; ?>")

$("#myInput").select();

document.execCommand("copy");

$("#myInput").attribute("value","url 복사")

이런식으로 하면 안될까요?

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

플라이
7년 전

input type을 text 말고 hidden 으로 해보세요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

훈훈훈훈훈
7년 전
네 아무값이 안나오네요 ㅠㅠ 실제 value에는 값이있는데..

댓글을 작성하려면 로그인이 필요합니다.

p
7년 전

input type="text" 대신에 input type="hidden" 을 사용하시면 되지 않나요?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

훈훈훈훈훈
7년 전
네 히든을 넣으면 복사가 안됩니다.ㅠㅠ
p
port
7년 전
뭔가 잘못하신게 있지 않을까 보여지네요.
제가 테스트해보니 hidden에서도 정상적으로 복사가 됩니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인