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