IE6下，javascript控制input获取焦点时突出显示，错误

IE6下，javascript控制input获取焦点时突出显示，异常

当我移动光标到下一个输入框，然后到最后一个：

可以看到，当输入框失去焦点，周围的border仍然存在。

代码如下：
JavaScript：

$().ready(function(){
if($.browser.msie){
var ie = $.browser.version;
if(ie=="6.0"){
$("input").each(function(){
$(this).focus(function(){
$(this).addClass("inputFocusIE");
});
$(this).blur(function(){
$(this).removeClass("inputFocusIE");
});
});
}
}
});

css:

.inputFocusIE{
border:expression( (this.type=="text" ||this.type=="password") ?"1px solid rgb(250,210,20)" :"none");
}

再此，我将我调试的过程简单的说一下：
1.我在blur事件中增加过输出，得到的结果是blur能事件正常触发。
2.我在blur事件中尝试过不removeClass，而是更改掉border的颜色。这个可以成功，但是，新的问题是，当重新获取焦点的时候，就addClass不上了。
3.同样的，不是改border颜色，而设border为none，也是再也addClass不上了，不过关于这点，我见过有人说IE6下的border设为none之后，的确是无法在设值了。

我在网上搜素过，对于这个IE6下获取焦点突出显示的问题，大部分是用focus和blur事件来做的，但实在没见过有人说这个removeClass跟IE6不兼容的。实在奇怪，望高手指点。 JavaScript IE6 CSS
[解决办法]

引用:

Quote: 引用:

Quote: 引用:

expression( (this.type=="text"
[解决办法]
this.type=="password") ?"1px solid rgb(250,210,20)" :"none");
}

这表达式的问题，IE6好像地这种写法是不兼容的，我记得好像是这个表达式比较耗资源，有时候可以，有时候不可以，不稳定。建议还是分开写！不要用这种表达式的形式！

求指教！！
Ie6不支持对input type的选择器啊
input[type='text']
$(':text')
这两种都IE6里都不支持。那要怎么办啊？

不会吧！
我去写个例子试试！



&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;script type="text/javascript" src="../artDialog/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
&lt;title&gt;无标题文档&lt;/title&gt;
&lt;script type="text/javascript"&gt;
$(function(){
alert($("input[type='text']").length);
alert($(":input").length);
alert($(":text").length);
})
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;input type="text" class="class1"  /&gt;
&lt;input type="text" class="class2"  /&gt;
&lt;input type="text" class="class3"  /&gt;

&lt;/body&gt;
&lt;/html&gt;

经测试是可以的呢，可以获取到html控件！
你jquery是什么版本？

IE6下javascript控制input获取焦点时

热点推荐