HTML의 컨텍스트 메뉴(AIR)

Adobe AIR 1.0 이상

HTMLLoader 객체를 사용하여 표시되는 HTML 내용에서 contextmenu 이벤트를 사용하면 컨텍스트 메뉴를 표시할 수 있습니다. 기본적으로 텍스트를 마우스 오른쪽 버튼으로 클릭하거나 Command 키를 누른 상태로 클릭하여 선택한 텍스트에 대해 컨텍스트 메뉴 이벤트를 호출하면 컨텍스트 메뉴가 표시됩니다. 기본 메뉴가 열리지 않게 하려면 contextmenu 이벤트를 수신하고 이벤트 객체의 preventDefault() 메서드를 호출합니다.

function showContextMenu(event){ 
    event.preventDefault(); 
}

그런 다음 DHTML 기술을 사용하거나 AIR 기본 컨텍스트 메뉴를 표시하여 사용자 정의 컨텍스트 메뉴를 표시할 수 있습니다. 다음 예제에서는 HTML contextmenu 이벤트에 대한 응답으로 메뉴의 display() 메서드를 호출하여 기본 컨텍스트 메뉴를 표시합니다.

<html> 
<head> 
<script src="AIRAliases.js" language="JavaScript" type="text/javascript"></script> 
<script language="javascript" type="text/javascript"> 
 
function showContextMenu(event){ 
    event.preventDefault(); 
    contextMenu.display(window.nativeWindow.stage, event.clientX, event.clientY); 
} 
 
function createContextMenu(){ 
    var menu = new air.NativeMenu(); 
    var command = menu.addItem(new air.NativeMenuItem("Custom command")); 
    command.addEventListener(air.Event.SELECT, onCommand); 
    return menu; 
} 
 
function onCommand(){ 
    air.trace("Context command invoked."); 
} 
 
var contextMenu = createContextMenu(); 
</script> 
</head> 
<body> 
<p oncontextmenu="showContextMenu(event)" style="-khtml-user-select:auto;">Custom context menu.</p> 
</body> 
</html>