<![CDATA[게시글 쇼셜공유 하기 에서 url 복사 버튼 관련 문의 드립니다.]]>

<![CDATA[게시글 쇼셜공유 하기 에서 url 복사 버튼 관련 문의 드립니다.]]> https://www.cosmosfarm.com/threads/rss/document/51761

<button type="button" id="copy-url">URL 복사하기</button><input id="my-url" type="text" value="<?php echo esc_url($_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'])?>">
<script>
jQuery(document).ready(function(){
	jQuery('#copy-url').click(function(){
		var url = document.getElementById('my-url');
		
		url.select();
		document.execCommand('Copy');
		alert('URL 이 복사 되었습니다.');
	});
})
</script>


#my-url { position: absolute; top: 0; left: 0; margin:0; padding: 0; width: 1px; height: 1px; border: 0; }

위 코드를 레이아웃에 넣고 css 맨 아래 부분 코드를 넣었는데도, url복사하기 버튼 옆에 주소가 사라지지 않습니다.

어느 부분을 확인 해봐야 할까요?

]]> Copyright 2026, 코스모스팜 <![CDATA[안녕하세요~^^ CSS 코드는 <style> 태그 사이에 추가되어야 합니다. 또한 input type이...]]> https://www.cosmosfarm.com/threads/document/51762 안녕하세요~^^

CSS 코드는 <style> 태그 사이에 추가되어야 합니다.

또한 input type이 text인 필드를 안 보이게 하는 거라면

type을 hidden으로 적용하시는 게 좋을 듯합니다.

고맙습니다.

]]> 스레드봇 Tue, 30 Mar 2021 07:18:30 +0000 KBoard