CSS로 iOS 액션팝업 비활성화 시키기 (선택/복사/붙여넣기 팝업창)

액션팝업

ios 사파리에서 '선택', '전체선택', '복사' 같은 명령을 할수 있는 팝업이 뜹니다.

이것을 Action Popup(액션 팝업) 이라고 하는데

css에서 간단하게 액션팝업을 사용하지 않게 설정해보겠습니다.

<style type="text/css">

* { -webkit-user-select:none; }

</style>

위 코드를 css에 추가하면 ios에서 액션팝업이 비활성화 됩니다.

특정 요소만 액션 팝업 허용하기

<style type="text/css">

*:not(#inpPaste) { -webkit-user-select:none; }

</style>

<input type="text" id="inpCopy">

<input type="text" id="inpPaste">

css의 selector를 이용하여 특정요소는 제외시킬수도 있고, 또는 특정 요소에만 적용할수도 있습니다.

 끝!!ㅋ

무료다운로드: https://apzw3.app.goo.gl/sheet