网页如何禁止鼠标右键和F12 键盘另存为、粘贴、复制事件

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

相关文章推荐：JS 禁用右键、Ctrl+u、Ctrl+s、F12 的实现代码

1. 禁止浏览器右键事件

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

js 实现:

document.oncontextmenu = function(){
  return false;
}

jquery 实现：

$(function(){
  $(document).contextmenu(function() {
    return false
  })
});

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

js 实现：

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;
        }
    }
}

jquery 实现：

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();
});

以上关于网页如何禁止鼠标右键和F12 键盘另存为、粘贴、复制事件的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。