Right-click popup menu

var kyoPopupMenu={}; 
kyoPopupMenu = (function(){ 
return { 
    sys: function (obj) { 
        var product_no=$(obj).attr("productNo");
        $('.popup_menu').remove(); 
        popupMenuApp = $('<div class="popup_menu app-menu"><ul><li><a menu="A" onclick="changePLevel('+product_no+',\'A\')">A</a></li><li><a menu="B" onclick="changePLevel('+product_no+',\'B\')" >B</a></li><li><a menu="C" onclick="changePLevel('+product_no+',\'C\')">C</a></li><li><a menu="D" onclick="changePLevel('+product_no+',\'D\')">D</a></li></ul></div>') 
        .find('a').attr('href','javascript:;') 
        .end().appendTo('body');
        //绑定事件 
        $(".app-menu a[menu="+$(obj).html()+"]").css("display","none");
        return popupMenuApp; 
    } 
}})(); 
//取消右键 
$('html').on('contextmenu', function (){return false;}).click(function(){ 
    $('.popup_menu').hide(); 
}); 
//右击 
$('.level').on('contextmenu',function (e){ 
    var popupmenu = kyoPopupMenu.sys(this); 
    l = ($(document).width() - e.clientX) < popupmenu.width() ? (e.clientX - popupmenu.width()) : e.clientX; 
    t = ($(document).height() - e.clientY) < popupmenu.height() ? (e.clientY - popupmenu.height()) : e.clientY; 
    popupmenu.css({left: l,top: t}).show(); 
    return false; 
}); 

Guess you like

Origin http://10.200.1.11:23101/article/api/json?id=326863133&siteId=291194637