홈페이지 내용중 특정 영역을 마우스로 클릭시 복사되는 스크립트가 있을까요?
본문
홈페이지 내용중 특정 영역을 마우스로 클릭시 복사되는 스크립트가 있을까요?
드래그 해서 컨트롤 + C를 누르면 되겠지만 사용자의 편의성을 고려해
특정 영역을 마우스로 클릭만 해도 복사가 되게 하려고 합니다.
전문가 분들의 조언 부탁드리겠습니다.
답변 3
clipboard.js 를 사용하시면됩니다.
해당 js 파일을 다운받으시고, 원하시는 페이지에서 js 파일을 불러오시고
<script>
// 클립보드 이메일 복사
var clipboard = new ClipboardJS('.copy_clipboard');
clipboard.on('success', function(e) {
console.info('Action:', e.action);
console.info('Text:', e.text);
console.info('Trigger:', e.trigger);
alert('내용이 복사되었습니다.');
e.clearSelection();
});
clipboard.on('error', function(e) {
console.error('Action:', e.action);
console.error('Trigger:', e.trigger);
});
</script>
<span class="copy_clipboard" data-clipboard-text="복사할 텍스트">TEST</span>
답변 감사드립니다. 좋은 정보 유용하게 쓰겠습니다. 감사합니다.
구글에 html 클릭 복사 검색
복사할 범위 클릭후 복사 버튼으로 해야 기능 구현이 가능한 부분입니다.
답변을 작성하시기 전에 로그인 해주세요.
