728x90
반응형
[5초만에 해결] 티스토리 드래그 & 선택 방지 HTML 코드 삽입법
📂 [5초만에 해결] 티스토리 & 윈도우 오류 꿀팁 시리즈
티스토리를 운영하면서 꼭 필요한 기능들을 단 5초만에 해결할 수 있는 HTML & 시스템 팁을 정리한 시리즈입니다.
티스토리를 운영하면서 꼭 필요한 기능들을 단 5초만에 해결할 수 있는 HTML & 시스템 팁을 정리한 시리즈입니다.
정성껏 작성한 내 블로그 콘텐츠, 누가 마구 긁어가면 속상하죠? 😢 그래서 오늘은 HTML 코드로 텍스트 드래그와 선택을 아예 막는 방법을 소개합니다! 한 줄이면 충분해요!
💻 드래그 & 선택 방지 HTML 코드
아래 속성을 <body>나 <div>에 삽입하면, 드래그나 블록 지정이 차단됩니다.
<body ondragstart="return false" onselectstart="return false">
...
</body>
📌 속성 설명
ondragstart="return false"→ 마우스 드래그 시작을 차단합니다.onselectstart="return false"→ 텍스트 선택을 원천적으로 막습니다.
🎯 전체 페이지에 적용하고 싶다면?
티스토리 관리 > 꾸미기 > HTML 편집 > <body> 태그에 아래 속성을 붙여주세요.
<body ondragstart="return false" onselectstart="return false">
🧩 특정 글 영역에만 적용하고 싶다면?
<div ondragstart="return false" onselectstart="return false">
이 영역은 복사도, 선택도 안돼요!
</div>
✅ 핵심 코드 요약
| 기능 | 코드 | 속성설명 |
| 🖱️ 드래그 방지 | ondragstart="return false" | 사용자가 마우스로 콘텐츠를 드래그하지 못하게 함 |
| 📝 선택 방지 | onselectstart="return false" | 텍스트 선택(블록 지정) 자체를 막음 |
❓ 자주 묻는 질문 (FAQ)
Q. 이 코드로 복사를 완전히 막을 수 있나요?
A. 일반 사용자의 드래그/복사는 차단되지만, 개발자 도구(F12)로는 접근이 가능합니다.
Q. 모바일에서도 작동하나요?
A. 대부분의 모바일 브라우저에서도 드래그가 제한됩니다. 다만 브라우저 종류에 따라 차이가 있을 수 있어요.
'설정 팁 & 문제 해결' 카테고리의 다른 글
| [5초만에 해결] 티스토리 모바일 화면에서 광고 깨질 때 대처법 (1) | 2025.05.22 |
|---|---|
| [5초만에 해결] 티스토리 글자 크기 & 폰트 일괄 수정 방법 (1) | 2025.05.22 |
| [5초만에 해결] 티스토리 북클럽(반응형 스킨)에서 글 폭 조절하는 방법 (0) | 2025.05.21 |
| [5초만에 해결] 우클릭 차단 & 복사 방지 코드 삽입법 (0) | 2025.05.18 |
