CATEGORIES
자바스크립트를 사용하여 클립보드에 복사하는 방법을 알아봅니다.! 클립보드(Clipboard)에 복사하기란?브라우저에서 텍스트 등을 복사하면 붙여넣기가 가능하죠 ~ 이때 복사한 텍스트는 클립보드(Clipboard)라는 영역에 복사하게 됩니다.웹브라우저의 클립보드는 자바스크립트를 사용하여 컨트롤이 가능합니다. 이 방법을 사용하면 복사하기위한 Ctrl + C를 방문자가 직접 누르지 않아도 특정 콘텐츠를 복사한 것과 동일한 기능을 구현할 수 있습니다. 그럼 방문자는 Ctrl + V만으로 붙여넣기가 가능하겠죠~그럼 구현 방법과 예제를 아래에서 자세히 알아봅니다.# 자바스크립트를 사용하여 클립보드 영역에 복사하는 방법 및 예제그럼 어떻게 클립보드 복사하기를 구현하려면 어떤 방법이 필요한지 알아야겠죠. 먼저 아래의 태
Last Modified : 2020-12-07 18:15:13자바스크립트에서 버튼을 클릭할 경우 원하는 텍스트를 복사하는 방법은 비교적 간단합니다. 하지만 만약 DOM 엘리먼트 자체를 복사하려면 어떻게 하면 될까요? 아래에서 자세히 알아봅니다.@ 그런데 엘리먼트까지 복사할 필요가 있을까?사실 엘리먼트 자체를 복사할 필요는 대부분 없습니다. 다만 일부 필요한 경우가 있을 수도 있는데 특히 위지윅 에디터를 사용하는 경우 에디터 내부에 복사하여 사용할 수 있겠죠. 이 경우가 하나의 예가 될 수 있습니다.# 자바스크립트 버튼 클릭시 엘리먼트 요소 복사하기엘리먼트를 복사하기 위해서 아래와 같은 과정들로 이루어지게 됩니다.1. 버튼 클릭시 임의의 새로운 div 요소를 생성하기2. 위의 div 요소에 innerHTML로 복사할 태그 요소를 생성하기(여기서는 a 태그)3. 1번의
Last Modified : 2021-07-07 15:51:50크로스브라우징 관련 내용입니다. 특정 텍스트를 클립보드에 복사하는 경우 IE 및 Edge에서 스크롤이 하단으로 이동하는 문제가 발생합니다. 어떻게 해결하는지 아래에서 확인해보세요.! 해결방법해결방법은 클립보드를 위해 생성한 임시 태그 input 또는 textarea에 fixed 스타일을 추가하는 것입니다. 해당 이슈는 스크롤이 생기면서 발생하게 되는데 fixed 스타일값이 스크롤에 영향을 주지 않게합니다.아래 코드를 봐주세요.var copyText= 'webisfree.com'; var clipboardEle = document.createElement('textarea');clipboardEle .style.position = 'fixed';// fixed 스타일을 줄 것clipboardEle .va
Last Modified : 2020-02-13 10:51:13