jQuery - 禁用右击菜单

设计人员有时候，需要保护页面内容的版权，会禁用右击上下文菜单。这样就不能进行复制操作了。

主要原理：通过 HTML5 全局的 contentmenu 属性进行编程实现的。

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>jQuery禁用右键单击上下文菜单</title>
        <style type="text/css">
        </style>
    </head>
    <body>
        <h2 id="h2-caption">jQuery禁用右键单击上下文菜单</h2>
        <hr><br>
        <br><hr>
        <div id="div-log">
            <p>日志记录：</p>
        </div>
        <script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $(function(){
                // 主要代码如下
                $(document).bind("contextmenu",function(e){
                    $('#div-log').html($('#div-log').html()+"<p>用户操作右键单击上下文菜单,右键上下文菜单已被禁用。</p>");
                    return false;
                });
            });
        </script>
    </body>
</html>

 

posted @ 2016-06-21 07:20  温柔的敲敲敲  阅读(238)  评论(0)    收藏  举报