1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<div class="ul clearfix">
    <div class="up_li">
        <img src="http://www.jq22.com/img/cs/500x500-1.png" alt="">
        <span>律所人物</span>
    </div>
    <div class="up_li">
        <img src="http://www.jq22.com/img/cs/500x500-2.png" alt="">
        <span>文案信息</span>
    </div>
</div>
<!--右击文件夹显示内容-->
<div class="right_click">
    <ul>
        <li>
            <a href="javascript:void(0);" id="datadownload">下载</a>
        </li>
        <li>
            <a href="javascript:void(0);" id="share">分享</a>
        </li>
        <li>
            <a href="javascript:void(0);" id="datadel">删除</a>
        </li>
    </ul>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

    

        
        律所人物
    
    

        
        文案信息
    



    

        

            下载
        
        

            分享
        
        

            删除
        
    

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
//阻止冒泡事件，即document的事件对li无效
$(' .ul .up_li').click(function(event) {
    event.stopPropagation();
});
document.oncontextmenu = function() {
    return false;
}
//文件夹右击事件
$(' .ul .up_li').mousedown(function(event, a) {
    if (event.which == 1 || a == 'left') {
        //alert('left click');
    }
    if (event.which == 3 || a == 'right') {
        // alert('right click');
        $('.right_click').show();
        var x = event.clientX;
        var y = event.clientY;
        $(".right_click").show().css({
            left: x,
            top: y
        });
    }
});
//点击任意部位隐藏  
$(document).click(function() {
    $(".right_click").hide();
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX