JS禁用页面上所有控件的实现方法(附demo源码下载)
2015-12-17 00:00
1016 查看
本文实例讲述了JS禁用页面上所有控件的实现方法。分享给大家供大家参考,具体如下:
利用页面元素的特征,可以捕捉到所有元素。
效果非常好,我这里将button全部保留了,如果想将button也禁用掉,可以将注释去掉。
调用代码:
假设有个name为formeditor的form,调用方法如下:
完整实例代码点击此处本站下载。
希望本文所述对大家JavaScript程序设计有所帮助。
禁用Tab键JS代码兼容Firefox和IE
javascript怎么禁用浏览器后退按钮
禁用JavaScript控制台调试的方法
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
javascript禁用Tab键脚本实例
js禁止页面复制功能禁用页面右键菜单示例代码
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
js 禁用只读文本框获得焦点时的退格键
JS input文本框禁用右键和复制粘贴功能的代码
利用页面元素的特征,可以捕捉到所有元素。
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也禁用掉,可以将注释去掉。
调用代码:
假设有个name为formeditor的form,调用方法如下:
var myForm=document.forms["formEditor"]; DisableElements(myForm,'true');
完整实例代码点击此处本站下载。
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
禁用页面部分JavaScript不是全部而是部分禁用Tab键JS代码兼容Firefox和IE
javascript怎么禁用浏览器后退按钮
禁用JavaScript控制台调试的方法
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
javascript禁用Tab键脚本实例
js禁止页面复制功能禁用页面右键菜单示例代码
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
js 禁用只读文本框获得焦点时的退格键
JS input文本框禁用右键和复制粘贴功能的代码
相关文章推荐
- 详解js图片轮播效果实现原理
- js实现下拉列表选中某个值的方法(3种方法)
- javascript中Date format(js日期格式化)方法小结
- javascript日期格式化方法小结
- JavaScript创建对象的方式小结(4种方式)
- JavaScript中Function函数与Object对象的关系
- JS实现alert中显示换行的方法
- 快速掌握WordPress中加载JavaScript脚本的方法
- js跨浏览器的事件侦听器和事件对象的使用方法
- js表单中选择框值的获取及表单的序列化
- JavaScript 从select表中获取数据在表格中添加行
- servlet 中 JAVA 代码 与 jsp 页面之间传值
- JS实现无限分页加载——原理图解
- StdJS 0.2.1版本发布,通用javascript库
- javascript:理解slice
- 关于validate.js中remote的使用
- JavaScript的event对象
- js对象元素排序
- js实现的ajax对象创建&与服务器交互
- JSP复习(一) 基础