오른쪽 마우스 클릭 커스텀 컨텍스트메뉴

by hohoya33

CSS

.custom-menu {
    z-index:1000;
    position: absolute;
    background-color:#C0C0C0;
    border: 1px solid black;
    padding: 2px;
}

JavaScript

$(document).bind("contextmenu", function(event) { 
    event.preventDefault();
    $("div.custom-menu").remove();
    
    $("<div class='custom-menu'>Custom menu</div>")
        .appendTo("body")
        .css({top: event.pageY + "px", left: event.pageX + "px"});
}).bind("click", function(event) {
    $("div.custom-menu").hide();
});