JS應(yīng)用之禁止抓屏、復(fù)制、打印
更新時間:2008年02月21日 21:34:02 作者:
js 禁止復(fù)制js 復(fù)制js 禁止右鍵 復(fù)制文件js 禁止 js禁止選擇 js禁止右鍵代碼
項目需要禁止抓屏、復(fù)制、打印的要求,復(fù)制、打印做起來可能順手一點網(wǎng)上各種各樣的腳本俯首皆是。但抓屏怎么禁止?PrintScreen是一個特殊的鍵,它是沒有keyCode的鍵,所以onkeydown變得毫無用處。不過換一種思路的話可會更好,我們從粘貼板著手采取曲線救國策略。代碼如下:
<script language="javascript">
window.setInterval("clipboardData.setData('text','')",100);
</script>
以上代碼是每100毫秒清空一次粘貼板操作。當(dāng)頁面加載時腳本程序就開始自動執(zhí)行。但這樣有個弊端,不管網(wǎng)頁被最小化還是怎么的只要這個窗口開著我們電腦所有的復(fù)制操作都無法進行(腳本一直在清空粘貼板),從某種意義上講是達到預(yù)期效果了,但有些欠佳:(。
我們知道所有的控件都有onfocus和onblur事件,window窗口也不例外。我們通過利用這兩個事件,只有在當(dāng)前窗口處于活動狀態(tài)時才執(zhí)行清空操作,否則停止執(zhí)行。代碼如下:
<script language="javascript">
var interval
window.onfocus=function(){interval=window.setInterval("clipboardData.setData('text','')",100);}
window.onblur=function(){window.clearInterval(interval);}
</script>
這樣就可以完美的解決這個問題。但對于不將截屏內(nèi)容放入粘貼板的截屏程序來說此方法還是心有余而力不足的。
最新測試實踐發(fā)現(xiàn)使用onfocus和onblur事件的方法也不盡如人意,當(dāng)焦點指向程序頁面內(nèi)其他控件(即使Table)時,window將失去焦點從而觸發(fā)onblur事件停止執(zhí)行清空粘貼板命令,難道需要遍歷所有控件為其onfocus和onblur綁定事件?有些迷茫與失望。
另window.onfocus只是document的onfocus,如果焦點在地址欄或菜單之類的地方onfocus也將失效。
僅以此文字記錄自己半天時間研究JS的心得。
禁止打印只需將如果下樣式代碼放入程序即可(打印出的頁面內(nèi)容將為空白):
<style>@media print{body{display:none}}</style>
禁止復(fù)制、選擇、右鍵菜單:
<script language=javascript>
function click() {
return false;}
function click1(){if (event.button==2) {return false; }}
function CtrlKeyDown(){
if (event.keyCode==67&&event.ctrlKey)
{
clipboardData.setData('text','');
return false;
}
}
document.onkeydown=CtrlKeyDown;
document.onselectstart=click;
document.onmousedown=click1;
</script>
<noscript><iframe src=*.html></iframe></noscript>
<script language=javascript>
<!--
if (window.Event)
document.captureEvents(Event.MOUSEUP);
function nocontextmenu(){
event.cancelBubble = true
event.returnValue = false;
return false;
}
function norightclick(e){
if (window.Event){
if (e.which == 2 || e.which == 3)
return false;
}
else if (event.button == 2 || event.button == 3)
{
event.cancelBubble = true;
event.returnValue = false;return false;}
}
document.oncontextmenu = nocontextmenu; // for IE5+
document.onmousedown = norightclick; // for all others
//--></script>
以上代碼在IE6.0環(huán)境運行正常。
<script language="javascript">
window.setInterval("clipboardData.setData('text','')",100);
</script>
以上代碼是每100毫秒清空一次粘貼板操作。當(dāng)頁面加載時腳本程序就開始自動執(zhí)行。但這樣有個弊端,不管網(wǎng)頁被最小化還是怎么的只要這個窗口開著我們電腦所有的復(fù)制操作都無法進行(腳本一直在清空粘貼板),從某種意義上講是達到預(yù)期效果了,但有些欠佳:(。
我們知道所有的控件都有onfocus和onblur事件,window窗口也不例外。我們通過利用這兩個事件,只有在當(dāng)前窗口處于活動狀態(tài)時才執(zhí)行清空操作,否則停止執(zhí)行。代碼如下:
<script language="javascript">
var interval
window.onfocus=function(){interval=window.setInterval("clipboardData.setData('text','')",100);}
window.onblur=function(){window.clearInterval(interval);}
</script>
這樣就可以完美的解決這個問題。但對于不將截屏內(nèi)容放入粘貼板的截屏程序來說此方法還是心有余而力不足的。
最新測試實踐發(fā)現(xiàn)使用onfocus和onblur事件的方法也不盡如人意,當(dāng)焦點指向程序頁面內(nèi)其他控件(即使Table)時,window將失去焦點從而觸發(fā)onblur事件停止執(zhí)行清空粘貼板命令,難道需要遍歷所有控件為其onfocus和onblur綁定事件?有些迷茫與失望。
另window.onfocus只是document的onfocus,如果焦點在地址欄或菜單之類的地方onfocus也將失效。
僅以此文字記錄自己半天時間研究JS的心得。
禁止打印只需將如果下樣式代碼放入程序即可(打印出的頁面內(nèi)容將為空白):
<style>@media print{body{display:none}}</style>
禁止復(fù)制、選擇、右鍵菜單:
<script language=javascript>
function click() {
return false;}
function click1(){if (event.button==2) {return false; }}
function CtrlKeyDown(){
if (event.keyCode==67&&event.ctrlKey)
{
clipboardData.setData('text','');
return false;
}
}
document.onkeydown=CtrlKeyDown;
document.onselectstart=click;
document.onmousedown=click1;
</script>
<noscript><iframe src=*.html></iframe></noscript>
<script language=javascript>
<!--
if (window.Event)
document.captureEvents(Event.MOUSEUP);
function nocontextmenu(){
event.cancelBubble = true
event.returnValue = false;
return false;
}
function norightclick(e){
if (window.Event){
if (e.which == 2 || e.which == 3)
return false;
}
else if (event.button == 2 || event.button == 3)
{
event.cancelBubble = true;
event.returnValue = false;return false;}
}
document.oncontextmenu = nocontextmenu; // for IE5+
document.onmousedown = norightclick; // for all others
//--></script>
以上代碼在IE6.0環(huán)境運行正常。
您可能感興趣的文章:
相關(guān)文章
使用typescript推導(dǎo)已有變量的盲盒類型詳情
這篇文章主要介紹了使用typescript推導(dǎo)已有變量的盲盒類型詳情,文章圍繞主題展開詳細的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下2022-08-08js使用數(shù)組判斷提交數(shù)據(jù)是否存在相同數(shù)據(jù)
判斷提交數(shù)據(jù)是否存在相同數(shù)據(jù),在本文將為大家介紹使用數(shù)組做到這一點,感興趣的朋友可以參考下2013-11-11基于JavaScript實現(xiàn)抽獎系統(tǒng)
這篇文章主要為大家詳細介紹了基于JavaScript實現(xiàn)抽獎系統(tǒng),具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-01-01JavaScript中函數(shù)的防抖與節(jié)流詳解
這篇文章主要為大家詳細介紹了JavaScript中函數(shù)的防抖與節(jié)流,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-02-02淺談js控制li標(biāo)簽排序問題 js調(diào)用php函數(shù)的方法
下面小編就為大家?guī)硪黄獪\談js控制li標(biāo)簽排序問題 js調(diào)用php函數(shù)的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-10