前端防止頁面被查看源碼、被下載
1、需要引入jQuery文件

可以下載文件后導入項目,也可以使用以下在線CDN數(shù)據:

百度CDN:

<script src=”https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js”></script>

新浪CDN:

<script src=”https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js”></script>

2、頁面中,添加如下js代碼

[ <script>
document.onkeydown = function () {
var e = window.event || arguments[0];
if (e.keyCode == 123) {
alert(‘請尊重勞動成果!’);
return false;
} else if ((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)) {
alert(‘請尊重勞動成果!’);
return false;
} else if ((e.ctrlKey) && (e.keyCode == 85)) {
alert(‘請尊重勞動成果!’);
return false;
} else if ((e.ctrlKey) && (e.keyCode == 83)) {
alert(‘請尊重勞動成果!’);
return false;
}
}
document.oncontextmenu = function () {
alert(‘請尊重勞動成果!’);
return false;
}
</script>]

 

 

<script>
document.onkeydown = function () {
var e = window.event || arguments[0];
if (e.keyCode == 123) {
alert(‘請尊重勞動成果!’);
return false;
} else if ((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)) {
alert(‘請尊重勞動成果!’);
return false;
} else if ((e.ctrlKey) && (e.keyCode == 85)) {
alert(‘請尊重勞動成果!’);
return false;
} else if ((e.ctrlKey) && (e.keyCode == 83)) {
alert(‘請尊重勞動成果!’);
return false;
}
}
document.oncontextmenu = function () {
alert(‘請尊重勞動成果!’);
return false;
}
</script>

 

 

 

此時,F(xiàn)12、Ctrl+s 、鼠標右擊等,均會有 “ 請尊重勞動成果!”的彈窗提示。