출처 붙이기 copy event

문득 event를 보다가 다양한 event가 있네? 음.. 복사 했을 때 출처 넣는 것도 해볼 수 있지 않을까?라는 생각에 찾아봤다.

 

일단 복사한 값을 가져오기 위해서 e.target으로 값을 가져와봤는데 여러줄을 복사한 경우에는 맨 윗줄에 있는 값만 복사되어 왔다. 그리고 그 값을 가져온들 값 자체를 바꿔주어야 하기에 이 방법은 무리다. 

 

구글링을 하다가 방법을 발견했는데, 먼저 e.preventDefault()를 해줘야한다. 만약 안해주면 복사된 값에 우리가 원하는 text가 안 붙는다. clipboardData.setData를 통해서 복사된 값을 바꿀 수 있다. getSelection에 우리가 복사한 값이 담겨져있고 그 뒤에 우리가 원하는 값을 붙이면 잘 따라 오는 것을 확인할 수가 있다. 만약 URL을 붙이고 싶다면 아래와 같이 해주면 된다.