본문 바로가기
카테고리 없음

HTML 마우스 우클릭, 드래그, 영역 선택 금지와 해제 방법

by D.L. 리포터 2025. 5. 23.

오늘은 웹 페이지 화면에서 마우스 우클릭이나 드래그, 영역 선택 동작을 금지하는 HTML 문법과  티스토리에서 마우스 우클릭이 동작하지 않을 때 해제하는 방법에 대해 알아보겠습니다.

 

HTML 마우스 우클릭, 드래그, 영역 선택 금지와 해제 방법 썸네일

 

HTML 마우스 우클릭, 드래그, 영역선택 금지하는 방법

마우스 동작 HTML 문법
우클릭 방지 oncontextmenu="return false"
드래그 방지 ondragstart="return false"
영역 선택 방지 onselectstart="return false"

 

 

[HTML 코드 예시]

 

 

티스토리 마우스 동작 안될 때 해결 방법

티스토리에서 마우스 우클릭이나 드래그, 영역 선택이 막혀 있는 경우가 있다. 
이럴 때 해당 화면에서 개발자 모드를 열고 설정을 변경하면 간단히 마우스 클릭 금지을 해제할 수 있다.

 

1. 화면에서 F12 키를 눌러 개발자 모드를 열고 설정 버튼을 누른다. 

개발자 모드에서 설정 버튼을 누름

 

2. 설정(Settings) 화면의 프리퍼런스(Preferences) 메뉴에서 디버거(Debugger) 부분의  'Disable JavaScript' 를 클릭해서 설정한다.

 

이렇게 설정하면 마우스의 영역 선택이나 우클릭 동작이 가능하게 된다.