JS禁用頁面上所有控件的實(shí)現(xià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";//對(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ì)有所幫助。
- 禁用頁面部分JavaScript不是全部而是部分
- 禁用Tab鍵JS代碼兼容Firefox和IE
- javascript怎么禁用瀏覽器后退按鈕
- 禁用JavaScript控制臺(tái)調(diào)試的方法
- 利用javascript實(shí)現(xiàn)禁用網(wǎng)頁上所有文本框,下拉菜單,多行文本域
- javascript禁用Tab鍵腳本實(shí)例
- js禁止頁面復(fù)制功能禁用頁面右鍵菜單示例代碼
- 為radio類型的INPUT添加客戶端腳本(附加實(shí)現(xiàn)JS來禁用onClick事件思路代碼)
- js 禁用只讀文本框獲得焦點(diǎn)時(shí)的退格鍵
- JS input文本框禁用右鍵和復(fù)制粘貼功能的代碼
相關(guān)文章
jQuery右下角旋轉(zhuǎn)環(huán)狀菜單特效代碼
jquery實(shí)現(xiàn)右下角旋轉(zhuǎn)環(huán)形菜單特效代碼,是固定在頁面右下角位置,當(dāng)用戶點(diǎn)擊了主菜單按鈕后,子菜單項(xiàng)會(huì)以環(huán)狀旋轉(zhuǎn)進(jìn)入頁面,并使用animate.css制作動(dòng)畫效果,有需要的朋友可以參考下2015-08-08JavaScript中的數(shù)學(xué)運(yùn)算介紹
這篇文章主要介紹了JavaScript中的數(shù)學(xué)運(yùn)算介紹,本文先是講解了數(shù)學(xué)運(yùn)算的一些知識(shí),然后給出了操作實(shí)例,需要的朋友可以參考下2014-12-12一些常用且實(shí)用的原生JavaScript函數(shù)
日常開始中常用到的一些原生JavaScript函數(shù),比較實(shí)用, 今天特地整理一下,分享給大家,希望對(duì)大家有用,會(huì)常更新,同時(shí)也歡迎大家補(bǔ)充.2010-09-09