禁用和改写鼠标右键

禁用和改写鼠标右键

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>禁用和改写鼠标右键</title>
<style type="text/css">
.MouserNemu{display:none; position:absolute; border:1px solid #CCC; background:#ddd}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function(){
    //禁用鼠标右键菜单
    $(document).bind("contextmenu", function(e){ return false; })
    //绑定点击右键显示菜单
    $(document).bind('mousedown',ShowMouse);
    $('.MouserNemu').hover(function(){
        //菜单出来后移上去点左健不会隐藏当前菜单
        $(document).unbind('mousedown');
    },function(){
        //移出后点击其它区域则隐藏菜单
        $(document).bind('mousedown',ShowMouse);
    })
});
function ShowMouse(e){
    //(e.which); // 1 = 鼠标左键 left; 2 = 鼠标中键; 3 = 鼠标右键
    switch(e.which){
        case 1: 
            //鼠标左键隐藏菜单
            $('.MouserNemu').hide();
            break;
        case 2: break;
        case 3:
            //鼠标右键显示菜单
            $('.MouserNemu').show().css({'left':e.pageX,'top':e.pageY});
            break;
    } 
    return false;   
}
</script>
</head>

<body>
<div class="MouserNemu">
    鼠标右键菜单
</div>
</body>
</html>
原文地址:https://www.cnblogs.com/eclipsecn/p/3357075.html