繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > IE支持的HTML元素的DISABLE属性在NETSCAPE4.76中的实现
- Javascript
- 可实现多表单提交的javascript函数
- 比较详细的关于javascript中void(0)的具体含义解释
- 随机显示经典句子或诗歌的javascript脚本
- javascript实现的多条新闻公告系统
- 解析arp病毒背后利用的Javascript技术附解密方法
- 比较详细的javascript对象的property和prototype是什么一种关系
- 访问百度和谷歌网速测试的javascript代码
- javascript 动态改变层的Z-INDEX的代码style.zIndex
- javascript+css实现单击颜色褪去效果
- javascript 表单日期选择效果
- 比较简单的javascript实现input双击后可以编辑
- javascript实现的颜色块滑动的动态效果
- js实现网页检测是否安装了 Flash Player 插件
- javascript 实现父窗口引用弹出窗口的值的脚本
- javascript 实现双击才能打开链接的方法
- 用javascript实现兼容IE7的类库 IE7_0_9.zip提供下载
- document.createElement("A")比较不错的属性
- 用javascript实现不按Ctrl实现Multiple Select多选
- JavaScript-世界上误解最深的语言分析
- IE和Mozilla的兼容性汇总event
Javascript 中的 IE支持的HTML元素的DISABLE属性在NETSCAPE4.76中的实现
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-08-10 浏览: 362 ::
收藏到网摘: n/a
IE支持的html元素的disable在netscape4.76中的实现
1. 相关的html元素
(1) text , edit , password , textarea
(2) radio , checkbox
(3) select
2. IE中的写法
(1) document.form_name.text_name.disabled = true;
document.form_name.edit_name.disabled = true;
document.form_name.password_name.disabled = true;
document.form_name.textarea_name.disabled = true;
(2) document.form_name.radio_name[i].disabled = true;
document.form_name.checkbox_name[i].disabled = true;
(3) document.form_name.select_name.disabled = true;
3. Netscape4.76中的写法
(1) document.form_name.text_name.disabled = true;
document.form_name.edit_name.disabled = true;
document.form_name.password_name.disabled = true;
在相应的text , edit , password , textarea 元素上添加对focus事件处理的方法:onfocus=”disableElements(this)”
function disableElements(obj)
{
if(obj.disabled)
{
obj.blur();
}
}
(2) document.form_name.radio_name[i].disabled = true;
document.form_name.checkbox_name[i].disabled = true;
在相应的radio , checkbox元素上添加对mousedown事件处理的方法:onclick=”return disableElements(this)”
function disableElements(obj)
{
if(obj.disabled)
{
obj.checked=false;
return false;;
}
}
(3) document.form_name.select_name.disabled = true;
在相应的select元素上添加对change事件进行处理的方法:onchange=”disableElements(this)”
function disableElements(obj)
{
if (obj.disabled)
{
for (var i=0; i<obj.options.length; i++)
{
obj.options[i].selected = obj.options[i].frozenStatus;
(obj.options[i].selected = false;这样写也可以.)
}
}
}
最后我附上一个例子,这个例子在IE6.0和Netscape4.76下测试通过!
<html>
<body>
<form>
<br>Test:<input type="text" name="t1" onfocus="disableText(this)">
<br>Edit:<input type="edit" name="t2" onfocus="disableEdit(this)">
<br>Textarea:<textarea name="t3" onfocus="disableTextarea(this)"></textarea>
<br>Password: <input type="password" name="t4" onfocus="disablePassword(this)">
<br>Radiobutton: <input type="radio" name="t5" onmousedown="return disableRadio(this)">
<br>Checkbox: <input type="checkbox" name="t6" onclick="return disableCheck(this)">
<br>Defaul disabled Checkbox: <input type="checkbox" disabled name="t8" onmousedown="return disableCheck2(this)">
<br>Select:
<select name="t7" onchange=" ChangeSelect(this)">
<option> one
<option> two
<option> three
<option> four
</select>
<br><input type="button" value="Enable/Disable" onClick="change()">
</form>
</body>
</html>
<script language="javaScript">
function disableText(obj)
{
if(obj.disabled)
obj.blur();
}
function disableEdit(obj)
{
if(obj.disabled)
obj.blur();
}
function disablePassword(obj)
{
if(obj.disabled)
obj.blur();
}
function disableTextarea(obj)
{
if(obj.disabled)
obj.blur();
}
function disableRadio(obj)
{
if(obj.disabled)
return false;
}
}
function disableCheck(obj)
{
if(obj.disabled)
{
obj.checked=false;
return false;
}
}
function disableCheck2(obj)
{
obj.disabled=true;
if(obj.disabled)
{
obj.checked=false;
return false;
}
}
function ChangeSelect(obj)
{
if (obj.disabled)
{
for (var i=0; i<obj.options.length; i++)
{
//obj.options[i].selected = obj.options[i].frozenStatus;
obj.options[i].selected = false;
(这两种写法都是可以的)
}
}
}
function change()
{
document.forms[0].t1.disabled=!document.forms[0].t1.disabled;
document.forms[0].t2.disabled=!document.forms[0].t2.disabled;
document.forms[0].t3.disabled=!document.forms[0].t3.disabled;
document.forms[0].t4.disabled=!document.forms[0].t4.disabled;
document.forms[0].t5.disabled=!document.forms[0].t5.disabled;
document.forms[0].t6.disabled=!document.forms[0].t6.disabled;
document.forms[0].t7.disabled=!document.forms[0].t7.disabled;
document.forms[0].t1.value="";
document.forms[0].t2.value="";
document.forms[0].t3.value="";
document.forms[0].t4.value="";
document.forms[0].t5.checked=false;
document.forms[0].t6.checked=false;
document.forms[0].t7.value="";
for (var i=0; i<document.forms[0].t7.options.length; i++)
{
//document.forms[0].t7.options[i].selected = document.forms[0].t7.options[i].frozenStatus;
document.forms[0].t7.options[i].selected = false;
}
}
</script>
评论 (0) All
