JS禁用頁面上所有控件的實(shí)現(xiàn)方法(附demo源碼下載)
更新時間：2015年12月17日 11:24:00 作者：wandejun1012
這篇文章主要介紹了JS禁用頁面上所有控件的方法,涉及JavaScript捕捉頁面元素的相關(guān)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
本文實(shí)例講述了JS禁用頁面上所有控件的實(shí)現(xiàn)方法。分享給大家供大家參考，具體如下：
利用頁面元素的特征，可以捕捉到所有元素。
function DisableElements(container,blnHidenButton)
{
if (!container)
return;
var aEle;
if (navigator.appName =="Microsoft Internet Explorer") //IE
{
for (var i=0;i<container.all.length;i++)
{
aEle = container.all[i];
tagName = aEle.tagName.toUpperCase();
if ((tagName=="SELECT"))
{
aEle.disabled = true;
if(tagName=="BUTTON" && blnHidenButton)
{
//aEle.style.display = "none";//對button不做處理
}
}
else if (tagName=="INPUT")
{
if (aEle.type.toUpperCase()!="HIDDEN")
{
if (aEle.type.toUpperCase()=="TEXT")
{
ReadonlyText(aEle);
}
else if (aEle.type.toUpperCase()=="BUTTON")
{
//do nothing;
}
else
{
aEle.disabled = true;
}
}
if((aEle.type.toUpperCase()=="BUTTON"||aEle.type.toUpperCase()=="SUBMIT") && blnHidenButton)
{
//aEle.style.display = "none";//對button不處理
}
}
else if (tagName=="TEXTAREA")
{
ReadonlyText(aEle);
}
}
}
else//非IE瀏覽器
{
var aEle = container.getElementsByTagName("select");
for (var i=0;i< aEle.length;i++)
{
aEle[i].disabled = true;
}
aEle = container.getElementsByTagName("button");
for (var i=0;i< aEle.length;i++)
{
aEle[i].disabled = true;
}
aEle = container.getElementsByTagName("textarea");
for (var i=0;i< aEle.length;i++)
{
ReadonlyText(aEle[i]);
}
aEle = container.getElementsByTagName("input");
for (var i=0;i< aEle.length;i++)
{
if (aEle[i].type.toUpperCase()!="HIDDEN")
{
if (aEle[i].type.toUpperCase()=="TEXT")
{
ReadonlyText(aEle[i]);
}
else
{
aEle[i].disabled = true;
}
}
if((aEle[i].type.toUpperCase()=="BUTTON"||aEle[i].type.toUpperCase()=="SUBMIT")&&blnHidenButton)
{
aEle[i].style.display = "none";
}
}
}
}
function ReadonlyText(objText)
{
if (objText){
//objText.style.backgroundColor = "menu";
objText.style.background = "#E6E6E6";
//objText.style.color = "black";
objText.readOnly=true;
}
}
效果非常好，我這里將button全部保留了，如果想將button也禁用掉，可以將注釋去掉。
調(diào)用代碼：
假設(shè)有個name為formeditor的form,調(diào)用方法如下：
var myForm=document.forms["formEditor"]; DisableElements(myForm,'true');
完整實(shí)例代碼點(diǎn)擊此處本站下載。
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- 禁用頁面部分JavaScript不是全部而是部分
- 禁用Tab鍵JS代碼兼容Firefox和IE
- javascript怎么禁用瀏覽器后退按鈕
- 禁用JavaScript控制臺調(diào)試的方法
- 利用javascript實(shí)現(xiàn)禁用網(wǎng)頁上所有文本框,下拉菜單,多行文本域
- javascript禁用Tab鍵腳本實(shí)例
- js禁止頁面復(fù)制功能禁用頁面右鍵菜單示例代碼
- 為radio類型的INPUT添加客戶端腳本(附加實(shí)現(xiàn)JS來禁用onClick事件思路代碼)
- js 禁用只讀文本框獲得焦點(diǎn)時的退格鍵
- JS input文本框禁用右鍵和復(fù)制粘貼功能的代碼
相關(guān)文章
解決layui的使用以及針對select、radio等表單組件不顯示的問題
今天小編就為大家分享一篇解決layui的使用以及針對select、radio等表單組件不顯示的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
無間斷滾動marquee的詳細(xì)用法解析...2006-08-08
js獲取圖片長和寬的代碼，大家可以參考下。2009-11-11
LRU是Least?Recently?Used的縮寫，即最近最少使用。作為一種經(jīng)典的緩存策略，它的基本思想是長期不被使用的數(shù)據(jù)，在未來被用到的幾率也不大，所以當(dāng)新的數(shù)據(jù)進(jìn)來時我們可以優(yōu)先把這些數(shù)據(jù)替換掉。本文用JavaScript實(shí)現(xiàn)這一算法，需要的可以參考一下2022-09-09
仿照flash的動畫原理，自己寫了一個非常簡單的js動畫引擎。2012-12-12
javascript同頁面多次調(diào)用彈出層具體實(shí)例代碼
一個在同一個頁面可多次調(diào)用的javascript彈出層效果，有需要的同學(xué)可以參考一下2013-08-08
這篇文章主要介紹了JS實(shí)現(xiàn)前端路由功能,結(jié)合實(shí)例形式分析了js實(shí)現(xiàn)原生路由的相關(guān)原理與操作技巧,需要的朋友可以參考下2020-05-05
window.addEventListener是JavaScript中用于添加事件監(jiān)聽器的方法,允許在發(fā)生特定事件時執(zhí)行函數(shù),本文給大家介紹js?window.addEventListener?是什么,感興趣的朋友一起看看吧2024-09-09
本文主要介紹了Ajax驗(yàn)證用戶名或昵稱是否已被注冊的實(shí)例方法。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
JS使用window.requestAnimationFrame()實(shí)現(xiàn)逐幀動畫
這篇文章介紹了JS使用window.requestAnimationFrame()實(shí)現(xiàn)逐幀動畫的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06