카테고리 없음

Javascript 텍스트 복사 시 추가 정보 넣기

hyuckkim 2024. 1. 22. 18:54

javascript - How to add extra info to copied web text - Stack Overflow

 

How to add extra info to copied web text

Some websites now use a JavaScript service from Tynt that appends text to copied content. If you copy text from a site using this and then paste you get a link to the original content at the botto...

stackoverflow.com

 

네이버 블로그의 [출처] 기능이나 티스토리의 저작권자 표시 플러그인 같은 느낌으로 복사하려면.

 

HTMLElement: copy event - Web APIs | MDN (mozilla.org)

 

HTMLElement: copy event - Web APIs | MDN

The copy event fires when the user initiates a copy action through the browser's user interface.

developer.mozilla.org

 

그러니까 아이디어는 onCopy() 이벤트를 차단하고 클립보드에 직접 다른 텍스트를 복사시키는 것이다.

const div = document.querySelector("#test");
div.addEventListener("copy", (e) => {
	event.clipboardData.setData('text/plain', div.getSelection() + "적당한 다른 텍스트");
    e.preventDefault();
});

 

 

근데 난 이걸 하고 싶은 게 아니라 그냥 개행문자가 인게임 NEWLINE 코드로 복사되게 하고 싶었던 거라서, 그냥 복사되게 font-size: 0인 span 요소를 앞에 넣었다.

 

오늘의 일기. 끝.