안녕하세요. 개발자 김인영입니다 😄
오늘은 홈페이지에 올린 글 내용을 함부로 복사해 가지 못하도록
드래그 금지하는 방법에 대해 알려드리려고 합니다.
드래그 금지 코드 알기
드래그 금지는 css로 간단히 조정할 수 있습니다.
드래그 금지를 할때 필요한 코드는 아래 4가지 입니다.
아래 4가지 속성을 꼭 같이 넣어주셔야 합니다.
드래그 금지 속성 css에 넣기
그럼, 해당 코드들을 태그에 넣어주겠습니다.
태그에 넣을때 저같은 경우 모든 글의 내용을 복사하는 것이 싫어서 ‘ * ‘ 요소에 해당 속성들을 넣어줍니다.
(아래참고)
이렇게 넣어 저장해주시면 됩니다.
하지만, 이렇게 끝내면 모바일에서는 적용이 되지 않습니다.
모바일에서도 드래그가 되지 않도록 아래 코드를 추가로 넣어 주셔야 합니다.
드래그 금지 속성 완성
위 처럼 기본 드래그 금지 속성과 모바일용 드래그 금지 속성을 넣어주시면,
아래와 같이 코드가 넣어졌다면 완성입니다 😄
여기까지 드래그 금지 css로 조정하는 방법 이었습니다.
감사합니다 ^^
답글 남기기