[javascript] IE11 클립보드 복사 처리하기

 

 

 

알툴바의 캡쳐가 사진을 캡쳐하기는 너무 편리해서 본인은 IE8 버전을 쓰고있었다.

이미 IE8 로 회귀하는 방법에 대해서는 포스팅을 했었다.

IE10 버전부터 확인을 해보니.. 알툴바 캡쳐를 할때 사진을 제대로 잡아내지 못하고

범위가 자꾸 어긋나는 현상이 있었다.

 

그래서 억지로 버전을 다운그레이드하고 사용하고있었는데...

이제는 IE8 버전에 대해서 지원이 안되는 사이트가 보이기 시작했다.

업무상 필요한 사이트이기도 한데, 크롬도 있지만 크롬으로 또 옮겨서 키려니..좀.. ㅋ

 

그래서 알아보니 IE11 버전에서 알툴바 캡쳐 영역을 제대로 잡도록 수정이 되었다고하길래

큰맘먹고 업그레이드를 했다.

 

이때 여전히 영역이 잘 안잡혀서 이것저것한 이야기는 접고...

왜냐하면 자바스크립트 이야기니까 ㅋ

업무상 일정 웹페이지에서 버튼만 누르면 클립보드로 url이 복사가 되어야하는 구간이 있다.

이 부분은 크롬에서는 안되는 부분이다.

크롬에서 실행하면?

 

 

 

 

이런식으로 프롬프트라도 나오게 되어있다 ㅋㅋ

하지만 IE11 에서도 크롬처럼 저런식으로 프롬프트로 나오는것이었다!!!

순간 당황...

 

 

그래서 여기저기 알아봤다. IE11 이 되면서 클립보드 복사 처리는 안되는건가??

조금 설레이면서 말이다 ㅋ

 

 

어느분의 답변.... 보통 javascript 로 클립보드에 url 복사처리를 하기위해서

해당 웹브라우저가 IE 인지 아닌지를 구분하는 구문이 있다.

여기서 true 값을 받아와야하는데 IE11 의 경우는 false 를 돌려준다는것이었다.

 

alert 로 출력을 해보니 진짜 false 값이 돌아와서 클립보드에 복사가 안되고

프롬프트로 나오는 것이었다.

하지만 IE11 일경우 따로 판단하는 방법을 가르쳐주어서 그대로 해봤다.

 

 

 

 

바로 이것이다.

navigator.userAgent 값에서 Trident 를 찾아서 있으면 IE11 이라는것이다.

궁금해서 어떤 값이 나오는지를 봤다.

 

 

 

이것은 크롬에서 뽑은 값.

 

 

그리고 이것이 IE11 에서 뽑은 값이다.

크롬과 비교했을때 확실히 Trident 라는 단어가 있다.

이는 아마.. 추측이지만 사파리, 파이어폭스에서도 없는 단어일것이다.

 

 

아무튼 저렇게 값을 받아서 if 문에 하나 더 추가를 했다.

그랬더니.. 아주 잘 된다 ㅎ

 

 

깨알같이 간만에 공부가 되었다.

IE11 클립보드 복사 처리하기... ㅋ