[JS,CSS] 텍스트 복붙 금지

CSS 사용

user-select 속성으로 사용자가 text를 선택할 수 있는지를 지정할 수 있다.

element {
  -webkit-user-select: none !important;
  -moz-user-select: -moz-none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

JS 사용

oncontextmenu는 윈도우에서 마우스 우클릭시 발생하는 이벤트 핸들러 속성이다.

<script>
	document.oncontextmenu = function(){return false;}
</script>

위 스크립트를 추가 후, HTML 안에서 복붙 불가능하게 할 부분의 태그에 아래 내용을 추가하면 된다.

oncontextmenu="return false"

순서대로 해석을 하자면,
마우스 우클릭 방지 / 선택 방지 / 드래그 방지 / 키다운(키보드입력) 방지 이다.