有些网站做的商用后台项目涉及到前端加密技术,为了保证前端页面展示的数据不被窃取,所以在js上做了一些处理,这些处理并不能完全杜绝有心之人窃取数据,只是加大他们操作的难度而已。

1.禁止浏览器右键事件。使用浏览器右键可以将网页保存下来,或者审查网页源代码,这是我们想避免的(当然,仍然可以通过浏览器右上角的工具栏打开开发者工具,这里可以判断下鼠标的光标位置,如果光标移动到导航栏及页面body之外的地方,我们可以选择把页面展示的元素清空,这样在控制台看见的源代码也没有展示出来的数据了)。

js实现:

<script>
    document.oncontextmenu = function(){
        return false;
    }
</script>

jquery实现:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script>
    $(function(){
        $(document).contextmenu(function() {
            return false
        })
    });
</script>

2.禁止F12事件,键盘的选择粘贴复制事件

js实现:

<script>
        window.onload = function(){
            document.onkeydown = function(event){
                var ev = event || window.event || arguments.callee.caller.arguments[0];
                //123 代表F12键
                if(event.keyCode = 123){
                    return false;
                }
            }
        }
    </script>

jquery实现:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script>
    function forbidKeyboard() {
        $(document).keydown(function(e) {
            /*9:Tab键, 17:Control键, 18:Alt键, 123:F12键, 83:S键*/
            var keyboardCode = [9, 17, 18, 123];
            for (i in keyboardCode) {
                if (keyboardCode[i] == e.keyCode) {
                    return false;
                }
            }
            if ((e.keyCode == 83) && (e.ctrlKey || e.metaKey)) {
                return false;
            }
        });
        /*禁止文本选择功能*/
        $(document).bind("selectstart",function(){return false;});
    }
    $(function(){
        forbidKeyboard();
    });
</script>

附:

//禁用键盘右键

$(document).keyup(function (e) {
      var nkeyCode = e.keyCode;
       if (nkeyCode === 93) {
           return false;
       }
   });

//禁用鼠标右键
$("body").attr("oncontextmenu", "return false");

一个好奇的人