首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

怎么判断HTML表单控件是否可见

2013-08-01 
如何判断HTML表单控件是否可见???????????? 最近在IE6客户端提示一个BUG,由于该控件目前不可见、未启用或

如何判断HTML表单控件是否可见


怎么判断HTML表单控件是否可见
???????

????? 最近在IE6客户端提示一个BUG,"由于该控件目前不可见、未启用或类型不允许,因此无法将焦点移向它"。在相关校验验证时,错误地获取地对象引用并使其获得焦点,则会导致错误。为了避免错误,增加脚本的健壮性,我们需要考虑如何模拟当前用户知道控件是否可见。
????? 不能简单地认为显示隐藏直接设置控件的样式,如style.display或style.visibility的方式。有可能控件上面有层或者其他元素,当控件的上层控件隐藏时,其下层的也继承了这样的属性。为此,我们需要实时地根据用户的环境来进行判断。
??? ?? 通过参考元素的属性,我们寻找到了这样两个可以判断的属性。
offsetWidth
?????? 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。
offsetHeight
?????? 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。
??? ?? 当不可见时,这两个属性值均为0。通过判断这两个属性值,间接知道是否可见。为此,可以设计这样一个函数。
//判断控件是否可见
function isVisible(obj)
{
?? if(obj==null) return false;
?? return obj.offsetWidth>0&&obj.offsetHeight>0;
}
??? 比如,如果再次需要验证后获取焦点,你可以这样调用
if(isVisible(object)) object.focus();

热点排行