웹 Context 메뉴
// Context Menu List 렌더링 function renderContextMenuList( list ){ // List Element 생성 const ctxMenuList = document.createElement('ul'); // List Item 생성 list.forEach(function( item ){ // Item Element 생성 const ctxMenuItem = document.createElement('li'); const ctxMenuItem_a = document.createElement('a'); const ctxMenuItem_a_text = document.createTextNode(item.label); // 클릭 이벤트 설정 if( item.onClick ){ ctxMenuItem.addEventListener( 'click', item.onClick, false ); } // Item 추가 ctxMenuItem_a.appendChild( ctxMenuItem_a_text ); ctxMenuItem.appendChild( ctxMenuItem_a ); ctxMenuList.appendChild( ctxMenuItem ); }); // List Element 반환 return ctxMenuList; } // Context Menu 생성 function handleCreateContextMenu(event){ // 기본 Context Menu가 나오지 않게 차단 event.preventDefault(); // Context Menu Element 생성 const ctxMenuId = 'dochi_context_menu'; const ctxMenu = document.createElement('div'); // Context Menu Element 옵션 설정 ctxMenu.id = ctxMenuId; ctxMenu.className = 'custom-context-menu'; // 위치 설정 ctxMenu.style.top = event.pageY+'px'; ctxMenu.style.left = event.pageX+'px'; // 메뉴 목록 생성 ctxMenu.appendChild(renderContextMenuList([ { label: "메뉴1", onClick:…
