zoukankan html css js c++ java

禁用和改写鼠标右键

<!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>

查看全文

相关阅读:
Beta 答辩总结
 Beta 冲刺（7/7）
Beta 冲刺（6/7）
Beta 冲刺（5/7）
Beta 冲刺（4/7）
Beta 冲刺（3/7）
软件产品案例分析（团队）
概率图模型7：条件随机场(2)
推荐系统概述3
概率图模型6：条件随机场(1)

原文地址：https://www.cnblogs.com/eclipsecn/p/3357075.html