ios 모바일 웹 롱프레스 복사 CSS만으로 방지

html {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

아이폰의 경우 모바일 웹에서 Long press 하고 있으면 Copy 등 버튼이 떠서 이미지나 텍스트를 복사할수있습니다.

 

하지만 제작자 입장에서는 이를 막고 싶은 경우가 있습니다. 

 

이럴때 css 만으로 방지 하는 방법 입니다.

 

다만 위 방법으로 했을떄 이슈가 있습니다.

 

react-clipboard 를 구 버젼을 사용하는 경우 클립보드에 텍스에 복사가 안되는 경우가 있습니다.

 

이때는 해당 라이브러리를 최신버젼으로 설치하는 것을 추천합니다.