2. 程式人生 > >js 遮蔽功能類

js 遮蔽功能類

阿新 • • 發佈：2019-02-10
1.遮蔽功能類

1.1 遮蔽鍵盤所有鍵
<script language="javascript">
<!--
function document.onkeydown(){
event.keyCode = 0;
event.returnvalue = false;
}
-->
</script>

1.2 遮蔽滑鼠右鍵

在body標籤里加上oncontextmenu=self.event.returnvalue=false

或者

<script language="javascript">
<!--
function document.oncontextmenu()
{
return false;
}
-->
</script>

function nocontextmenu()
{
if(document.all) {
event.cancelBubble=true;
event.returnvalue=false;
return false;
}
}

或者

<body onmousedown="rclick()" oncontextmenu= "nocontextmenu()">

<script language="javascript">
<!--
function rclick()
{
if(document.all) {
if (event.button == 2){
event.returnvalue=false;
}
}
}
-->
</script>


1.3 遮蔽 Ctrl+N、Shift+F10、F5重新整理、退格鍵


<script language="javascript">
<!--
//遮蔽滑鼠右鍵、Ctrl+N、Shift+F10、F5重新整理、退格鍵
function window.onhelp(){return false} //遮蔽F1幫助
function KeyDown(){
if ((window.event.altKey)&&
((window.event.keyCode==37)|| //遮蔽 Alt+ 方向鍵 ←
(window.event.keyCode==39))){ //遮蔽 Alt+ 方向鍵 →
alert("不准你使用ALT+方向鍵前進或後退網頁！");
event.returnvalue=false;
}

/* 注：這還不是真正地遮蔽 Alt+ 方向鍵，
因為 Alt+ 方向鍵彈出警告框時，按住 Alt 鍵不放，
用滑鼠點掉警告框，這種遮蔽方法就失效了。以後若
有哪位高手有真正遮蔽 Alt 鍵的方法，請告知。*/

if ((event.keyCode == 8) &&
(event.srcElement.type != "text" &&
event.srcElement.type != "textarea" &&
event.srcElement.type != "password") || //遮蔽退格刪除鍵
(event.keyCode ==116)|| //遮蔽 F5 重新整理鍵
(event.ctrlKey && event.keyCode==82)){ //Ctrl + R
event.keyCode=0;
event.returnvalue=false;
}
if ((event.ctrlKey)&&(event.keyCode==78)) //遮蔽 Ctrl+n
event.returnvalue=false;
if ((event.shiftKey)&&(event.keyCode==121)) //遮蔽 shift+F10
event.returnvalue=false;
if (window.event.srcElement.tagName == "A" && window.event.shiftKey)
window.event.returnvalue = false; //遮蔽 shift 加滑鼠左鍵新開一網頁
if ((window.event.altKey)&&(window.event.keyCode==115)){ //遮蔽Alt+F4
window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");
return false;}
}
/* 另外可以用 window.open 的方法遮蔽 IE 的所有選單
第一種方法：
window.open("你的.htm", "","toolbar=no,location=no,directories= no,menubar=no,scrollbars=no,resizable=yes,status=no,top=0,left=0")
第二種方法是開啟一個全屏的頁面：
window.open("你的.asp", "", "fullscreen=yes")
*/
//-->
</script>

1.4遮蔽瀏覽器右上角“最小化”“最大化”“關閉”鍵


<script language=javascript>
function window.onbeforeunload()
{
if(event.clientX>document.body.clientWidth&&event.clientY<0||event.altKey)
{
window.event.returnvalue = "";
}
}
</script>

或者使用全屏開啟頁面

<script language="javascript">
<!--
window.open(www.32pic.com,"32pic","fullscreen=3,height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no");
-->
</script>

注：在body標籤里加上onbeforeunload="javascript:return false"（使不能關閉視窗）

1.5遮蔽F5鍵


<script language="javascript">
<!--
function document.onkeydown()
{
if ( event.keyCode==116)
{
event.keyCode = 0;
event.cancelBubble = true;
return false;
}
}
-->
</script>

1.6遮蔽IE後退按鈕

在你連結的時候用 <a href="javascript:location.replace(url)">

1.7遮蔽主視窗滾動條

在body標籤里加上 style="overflow-y:hidden"

1.8 遮蔽拷屏,不斷地清空剪貼簿

在body標籤里加上onload="setInterval('clipboardData.setData(/'Text/',/'/')',100)"

1.9 遮蔽網站的列印功能

<style>
@media print {
* { display: none }
}
</style>

1.10 遮蔽IE6.0 圖片上自動出現的儲存圖示

方法一：
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
方法二：
<img galleryimg="no">

1.11 遮蔽頁中所有的script

<noscrript></noscript>


2.表單提交驗證類


2.1 表單項不能為空

<script language="javascript">
<!--
function CheckForm()
{
if (document.form.name.value.length == 0) {
alert("請輸入您姓名!");
document.form.name.focus();
return false;
}
return true;
}
-->
</script>

2.2 比較兩個表單項的值是否相同

<script language="javascript">
<!--
function CheckForm()
if (document.form.PWD.value != document.form.PWD_Again.value) {
alert("您兩次輸入的密碼不一樣！請重新輸入.");
document.ADDUser.PWD.focus();
return false;
}
return true;
}
-->
</script>

2.3 表單項只能為數字和"_",用於電話/銀行帳號驗證上,可擴充套件到域名註冊等

<script language="javascript">
<!--
function isNumber(String)
{
var Letters = "1234567890-"; //可以自己增加可輸入值
var i;
var c;
if(String.charAt( 0 )=='-')
return false;
if( String.charAt( String.length - 1 ) == '-' )
return false;
for( i = 0; i < String.length; i ++ )
{
c = String.charAt( i );
if (Letters.indexOf( c ) < 0)
return false;
}
return true;
}
function CheckForm()
{
if(! isNumber(document.form.TEL.value)) {
alert("您的電話號碼不合法！");
document.form.TEL.focus();
return false;
}
return true;
}
-->
</script>


2.4 表單項輸入數值/長度限定

<script language="javascript">
<!--
function CheckForm()
{
if (document.form.count.value > 100 || document.form.count.value < 1)
{
alert("輸入數值不能小於零大於100!");
document.form.count.focus();
return false;
}
if (document.form.MESSAGE.value.length<10)
{
alert("輸入文字小於10!");
document.form.MESSAGE.focus();
return false;
}
return true;
}
//-->
</script>

2.5 中文/英文/數字/郵件地址合法性判斷

<SCRIPT LANGUAGE="javascript">
<!--

function isEnglish(name) //英文值檢測
{
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) {
if(name.charCodeAt(i) > 128)
return false;
}
return true;
}

function isChinese(name) //中文值檢測
{
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) {
if(name.charCodeAt(i) > 128)
return true;
}
return false;
}

function isMail(name) // E-mail值檢測
{
if(! isEnglish(name))
return false;
i = name.indexOf("@");
j = name.lastIndexOf("@");
if(i == -1)
return false;
if(i != j)
return false;
if(i == name.length)
return false;
return true;
}

function isNumber(name) //數值檢測
{
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) {
if(name.charAt(i) < "0" || name.charAt(i) > "9")
return false;
}
return true;
}

function CheckForm()
{
if(! isMail(form.Email.value)) {
alert("您的電子郵件不合法！");
form.Email.focus();
return false;
}
if(! isEnglish(form.name.value)) {
alert("英文名不合法！");
form.name.focus();
return false;
}
if(! isChinese(form.cnname.value)) {
alert("中文名不合法！");
form.cnname.focus();
return false;
}
if(! isNumber(form.PublicZipCode.value)) {
alert("郵政編碼不合法！");
form.PublicZipCode.focus();
return false;
}
return true;
}
//-->
</SCRIPT>

2.6 限定表單項不能輸入的字元

<script language="javascript">
<!--

function contain(str,charset)// 字串包含測試函式
{
var i;
for(i=0;i<charset.length;i++)
if(str.indexOf(charset.charAt(i))>=0)
return true;
return false;
}

function CheckForm()
{
if ((contain(document.form.NAME.value, "%/(/)><")) || (contain(document.form.MESSAGE.value, "%/(/)><")))
{
alert("輸入了非法字元");
document.form.NAME.focus();
return false;
}
return true;
}
//-->
</script>

相關推薦

退出IE彈出對話方塊 JS遮蔽功能類

1.遮蔽功能類 1.1 遮蔽鍵盤所有鍵 <script language="javascript"> <!-- function document.onkeydown(){ event.keyCode = 0; event.returnvalue = false; } --> <

js 遮蔽功能類

1.遮蔽功能類1.1 遮蔽鍵盤所有鍵<script language="javascript"><!--function document.onkeydown(){event.keyCode = 0;event.returnvalue = false;}--></script&g

前端實用工具及其js相關功能的類庫總結

CoverVid是一個超棒的工具，可用於將HTML視訊作為網站的背景，讓頁面有一種動態的感覺。它是一個小型的jquery擴充套件，既容易又便於使用 https://github.com/stefanerickson/covervid/ Awesome S

js 遮蔽 瀏覽器（IE和FireFox）的 重新整理功能

Java程式碼  收藏程式碼          document.onkeydown=function()         {           if ((window.event.keyCode=

js---10時間類

get name script ret h+ text val 時間 返回 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/h

node.js的Buffer類

cee source 3.3 encoding all 個數 p s lis other 1、創建 創建一個長度為256的Buffer實例：var buf = new Buffer(256); 創建一個數組：var buf = new Buffer([10, 20, 30,

JS 數據類型入門與typeof操作符

log not ont obj bject string ole 布爾值 字符串 標準的數據類型劃分： 　　基本類型： number(數字)、string(字符串)、undefined、boolean(布爾值)、null(空對象)//空對象與非空對象，最大的區別就是不能進

通過js獲取class類名的函數封裝

clas ret -1 .class class urn getclass ++ 不同 通過className獲取元素，不同的瀏覽器會有不同的支持情況，所以為了兼容各個瀏覽器在這裏，我寫了幾個函數獲取className的值 function byclass(classn){

判斷JS數據類型的幾種方法

object sta 無效 追溯 是否 執行 都是 undefine 代碼 原文轉自http://www.cnblogs.com/onepixel/p/5126046.html！ 說到數據類型，我們先說一下JavaScript 中常見的幾種數據類型： 基本類型：string

cocos2d JS 函數類型相互轉換(字符串、整形、浮點形、布爾值)

賦值 defined 基數 bject 布爾 ring 浮點型 謝謝 val 工作忙好些天了，近段時間抽點空分享一下自己學習JS的一點筆記心得做點記錄，大神勿噴，謝謝！ p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0

JS數據類型庫

who provides invoke out equal struct implement ges function lodash https://lodash.com/docs#now https://lodash.com/ A modern JavaScript

JS中值類型和引用類型

另一個 bsp 引用類型 nbsp 對象 logs 包括 方式 console 一.值類型 例子： 1 var a=10; 2 var b=a; 3 a=20; 4 console.log(b); //10 例子中，將a的值賦給了b，b=10,然後改變a的值不會

js 數據類型

雙引號 string 小數 類型 ber boolean 屬性 lean 大數 數據類型分為基本數據類型和引用數據類型 原始數據類型或基本數據類型 存放的小數據 1.null 空，不存在； 2.underfined 申明未賦值，函數沒有返回值 3.number 數字，小數，

js判斷瀏覽器類型

toolbar 格局 什麽 國外 fontsize height 手機端 def 訪問者 js判斷瀏覽器類型 <script type="text/javascript" > <!-- function getOs() { v

js身份證驗證類

pre bstr 山東 new 寧夏 break emp return 北京 var IDCard = function () { //---------------------------------------------------------- /

js 中引用類型 的深拷貝 和 淺拷貝的區別

而是 query reac cat 避免 string val this 臨時 一、曾經在讀JQ源碼的時候，對深拷貝算是有了一點的理解。我們在項目中是不是經常會遇到這樣的問題呢？ 後臺返回一個數組對象（引用類型）.次數在頁面渲染中需要對部分數據進行處理 比如：銀行卡6234

js創建類(封裝)

js面向對象 print 一個 tag 概念 實現 con ng- .net js如何創建類（封裝） 學過其他面向對象語言的JavaScripter，可能都應用過類，如：class{}，等定義的一系列方法， 但是初學者看是學習js的時候，經常會看到這樣一句

js數據類型

否則 數據類型 轉換 symbol func script string類型 times 函數 Boolean null undefined Number String Symbol(ECMAScript 2015) 可以通過 typeof檢測類型。 var x

JS-數據類型之間的轉換

pan () int() abc size boolean float order 整體 隱式轉換 1，當不同數據類型進行相互運算的時候， 2，當對非布爾類型的數據求布爾值的時候 預期為數字的時候： 算術運算的時候，我們的結果 和 運算的數

第23天：js-數據類型轉換

一個數 個數 -s 輸出 數字 adding 影響 font nan 一、padding1、內邊距會影響盒子大小2、行內元素，盡量不用上下的padding和margin3、塊元素嵌套塊元素。子級會繼承父級的寬度，高度由內容決定。如果給子級再設置padding,不會影響盒子寬