잠시만 기다려 주세요

HOME   |  여기는?   |  바다물때표   |  여러가지 팁 (887)  |  추천 및 재미 (152)  |  자료실 (20)  |  끄적거림 (517)  |  시나리오 (760)  |  드라마 대본 (248)  |  

2020년 09월 19일
세상은 쉽게 변하지 않는다. 세상에 불평불만을 갖지말고 스스로 세상에 맞춰 변하는 편이 훨씬 더 행복하다. 다 비우고 다 내려놓아라. - 바다아이
 




    javascript/jquery

javascript/jquery - 자바스크립트 text copy, 복사, How to copy a TEXT to Clipboard on a Button-Click
이 름 : 바다아이   |   조회수 : 2741         짧은 주소 : https://www.bada-ie.com/su/?851591788268
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style>
body {
              background-color:#999999;
              font-family: 'Oswald', sans-serif;
      }
p
{
  color:#000000;
  font-size:20px;
}

.textBox
{
  height:30px;
  width:300px;
}

button
{
  height:30px;
  width:150px;
  border-radius:8px;
  padding:10px;
  font-size:20px;
  font-family: 'Oswald', sans-serif;
  height:52px;
  cursor:pointer;
  background-color:wheat;
}
</style>

<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script>
function copyToClipboard(element) {
  var $temp = $("<input>");
  $("body").append($temp);
  $temp.val($(element).text()).select();
  document.execCommand("copy");
  $temp.remove();
  alert("복사완료");
}
</script>

<p style="color:wheat;font-size:55px;text-align:center;">How to copy a TEXT to Clipboard on a Button-Click</p>

<center>
보통 input, textarea 에 데이터가 있어야 복사가 됩니다.<br>
그걸 이용해 일반 태그 안에 있는 내용들을 꼼수로 input 하나 만들어서 넣었다 복사하는 개념입니다.<br>
개행열 처리가 필요하면 textarea 를 만들어서 넣었다 빼면 되겠죠.... <br>
아래 예제를 눌러보시고 메모장이나 아래 input 안에 넣어보세요.. 복사가 되는 것을 확인 할 수 있습니다.<br>
저 위에 jquery 는 아무거나 받아서 사용해도 됩니다.<br><br>

<p id="p1">Hello, I'm TEXT 1</p>
<p id="p2">Hi, I'm the 2nd TEXT</p><br/>

<button onclick="copyToClipboard('#p1')">Copy TEXT 1</button>
<button onclick="copyToClipboard('#p2')">Copy TEXT 2</button>
  
<br/><br/><input class="textBox" type="text" id="" placeholder="Dont belive me?..TEST it here..;)" />
</center>


출처 : https://codepen.io/shaikmaqsood/pen/XmydxJ
| |


      1 page / 3 page
번 호 카테고리 제 목 이름 조회수
74 javascript/jquery javascript , ... 바다아이 231
73 javascript/jquery , cookie class 바다아이 794
72 javascript/jquery select 3 바다아이 1174
71 javascript/jquery , ... 바다아이 1722
70 javascript/jquery , timezone, , ... moment.js 바다아이 1843
69 javascript/jquery textarea cursor . focus, cursor ... 바다아이 1787
68 javascript/jquery (block) , ... 바다아이 1724
67 javascript/jquery textarea cursor , , focus 바다아이 2320
66 javascript/jquery jquery ajax option .... 바다아이 1937
65 javascript/jquery jquery open api , ajax JSONP cross domain , , error 0 ... sop 바다아이 1991
64 javascript/jquery javascript , , , , () 바다아이 2084
63 javascript/jquery javascript (date ) 바다아이 2179
62 javascript/jquery CSS3 javascript 바다아이 2353
61 javascript/jquery javascript , cookie, , , , , 바다아이 2250
60 javascript/jquery javascript 바다아이 2570
59 javascript/jquery javascript / , , , 바다아이 2787
58 javascript/jquery url , , encode, decode ... 바다아이 2068
57 javascript/jquery javascript ... frame location.href 바다아이 2169
56 javascript/jquery File Upload Progress, .... . 바다아이 2517
55 javascript/jquery javascript, json , json Highlight 바다아이 2523
54 javascript/jquery javascript json , , JSON.stringify, JSON.parse, 바다아이 2622
53 javascript/jquery javascript innerHTML, innerTEXT ... 바다아이 2351
52 javascript/jquery javascript entity , , encode, decode 바다아이 2662
51 javascript/jquery javascript post, get , 바다아이 3866
현재글 javascript/jquery text copy, , How to copy a TEXT to Clipboard on a Button-Click 바다아이 2742
49 javascript/jquery jquery autocomplete , , . 바다아이 2495
48 javascript/jquery javascript, jquery, , autocomplete 바다아이 2833
47 javascript/jquery substring, substr, indexOf, lastIndexOf (javascript , , ) 바다아이 2595
46 javascript/jquery Javascript event.keyCode , , ACSII 바다아이 2237
45 javascript/jquery url encode decode , , , javascript 바다아이 3431
| |








Copyright ⓒ 2001.12. bada-ie.com. All rights reserved.
이 사이트는 리눅스에서 firefox 기준으로 작성되었습니다. 기타 브라우저에서는 다르게 보일 수 있습니다.
[ FreeBSD + GoLang + PostgreSQL ]
서버위치 : 구글 클라우드 플랫폼  실행시간 : 0.04569
to webmaster... gogo sea. gogo sea.