전체메뉴

기술 체험 전시관

아이콘
HTML5를 이용한 신기술들을 전시하는 기술 체험 전시관입니다.

Custom Context Menu

 ‘Custom Context Menu’란 웹 브라우저에서 마우스 오른쪽 버튼을 눌렀을 때 나오는 메뉴로, 사용자가 메뉴를 수정, 추가 또는 우클릭 메뉴 전체를 새로 만드는 것을 ‘Custom Context Menu’라고 한다.


 - 마우스 우클릭 시 실행한 위치를 읽어서 그 자리에 사용자 정의 메뉴를 띄우는 것이 핵심으로, 위치나 종류에 따른 변화 혹은 환경에 따라 정의 할 수 있다.

 - ‘Custom Context Menu’는 우클릭 시 메뉴가 실행되는 이벤트 핸들러, 메뉴의 위치를 제어하는 CSS, 메뉴 클릭 시 이벤트를 처리하는 기술이 필요하다.

 - 컨텍스트 메뉴는 각 브라우저에 따라 다르게 적용되며, 컨텍스트 메뉴 재정의 시 브라우저 혹은 OS마다 지원하는 기능을 파악하여 개발 시 주의해야 한다.



W3C 표준화 시점 : 2016년 11월 1일

적용 화면

전체화면으로 보기

적용화면 이미지

API

WebExtension API : 브라우저의 기능을 확장하고 수정 할 수 있다.

ContextMenus API : 컨텍스트 메뉴의 아이템을 수정하거나 추가하도록 한다.

예제 설명

예제 파일 다운로드

상단은 이미지영역으로 뒤로가기, 앞으로가기, 새로고침, 즐겨찾기로 구성 하단은 마우스 우클릭 시 기본 메뉴를 제공하고 실행 시 단축키를 제공한다.

이메일 무단 수집 거부

팝업 닫기

본 웹사이트에 게시된 이메일 주소가 전자우편수집 프로그램이나 그밖의 기술적장치를 이용하여 무단으로 수집되는 것을 거부하며, 이를 위반시 정보통신망 이용촉진 및 정보보호등에 관한 법률에 의해 처벌 받을 수 있습니다.

닫기
TOP