IE6下,javascript控制input获取焦点时突出显示,异常 本帖最后由 winkyyue 于 2013-06-20 15:21:34 编辑 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 去掉border里的expression,上面可以改成$("input[type=text],input[type=passoword]") expression( (this.type=="text" ||this.type=="password") ?"1px solid rgb(250,210,20)" :"none");}这表达式的问题,IE6好像地这种写法是不兼容的,我记得好像是这个表达式比较耗资源,有时候可以,有时候不可以,不稳定。建议还是分开写!不要用这种表达式的形式! 求指教!!Ie6不支持对input type的选择器啊input[type='text']$(':text')这两种都IE6里都不支持。那要怎么办啊? 求指教!!Ie6不支持对input type的选择器啊input[type='text']$(':text')这两种都IE6里都不支持。那要怎么办啊?不会吧!我去写个例子试试! 我刚刚又做了下测试,在blur事件中,removeClass之后,输出一下这个input的class,发现,这个class的确是被remove掉了的,但是不知道为什么那个效果还在。我用同事的机子上的Ie6测试了,也是如此。 js能add或remove一个class么?毕竟我这里不能直接element.setAttribute("className","inputIE")这样,还有其他的class在呢,不能直接赋值。。 求指教!!Ie6不支持对input type的选择器啊input[type='text']$(':text')这两种都IE6里都不支持。那要怎么办啊?不会吧!我去写个例子试试!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="../artDialog/jquery-1.7.1.min.js"></script><title>无标题文档</title><script type="text/javascript"> $(function(){ alert($("input[type='text']").length); alert($(":input").length); alert($(":text").length); })</script></head><body><input type="text" class="class1" /><input type="text" class="class2" /><input type="text" class="class3" /></body></html>经测试是可以的呢,可以获取到html控件!你jquery是什么版本? 求指教!!Ie6不支持对input type的选择器啊input[type='text']$(':text')这两种都IE6里都不支持。那要怎么办啊?不会吧!我去写个例子试试!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="../artDialog/jquery-1.7.1.min.js"></script><title>无标题文档</title><script type="text/javascript"> $(function(){ alert($("input[type='text']").length); alert($(":input").length); alert($(":text").length); })</script></head><body><input type="text" class="class1" /><input type="text" class="class2" /><input type="text" class="class3" /></body></html>经测试是可以的呢,可以获取到html控件!你jquery是什么版本?是1.4的 求指教!!Ie6不支持对input type的选择器啊input[type='text']$(':text')这两种都IE6里都不支持。那要怎么办啊?不会吧!我去写个例子试试!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="../artDialog/jquery-1.7.1.min.js"></script><title>无标题文档</title><script type="text/javascript"> $(function(){ alert($("input[type='text']").length); alert($(":input").length); alert($(":text").length); })</script></head><body><input type="text" class="class1" /><input type="text" class="class2" /><input type="text" class="class3" /></body></html>经测试是可以的呢,可以获取到html控件!你jquery是什么版本?不对,刚又看了下,应该是1.5.2 求指教!!Ie6不支持对input type的选择器啊input[type='text']$(':text')这两种都IE6里都不支持。那要怎么办啊?不会吧!我去写个例子试试!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="../artDialog/jquery-1.7.1.min.js"></script><title>无标题文档</title><script type="text/javascript"> $(function(){ alert($("input[type='text']").length); alert($(":input").length); alert($(":text").length); })</script></head><body><input type="text" class="class1" /><input type="text" class="class2" /><input type="text" class="class3" /></body></html>经测试是可以的呢,可以获取到html控件!你jquery是什么版本?不对,刚又看了下,应该是1.5.2我用的1.7.1呢,你把我代码复制过去吧jquery的js 换成你的试试,可以不? 求指教!!Ie6不支持对input type的选择器啊input[type='text']$(':text')这两种都IE6里都不支持。那要怎么办啊?不会吧!我去写个例子试试!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="../artDialog/jquery-1.7.1.min.js"></script><title>无标题文档</title><script type="text/javascript"> $(function(){ alert($("input[type='text']").length); alert($(":input").length); alert($(":text").length); })</script></head><body><input type="text" class="class1" /><input type="text" class="class2" /><input type="text" class="class3" /></body></html>经测试是可以的呢,可以获取到html控件!你jquery是什么版本?不对,刚又看了下,应该是1.5.2我用的1.7.1呢,你把我代码复制过去吧jquery的js 换成你的试试,可以不?嗯,好的,谢谢!我回去研究研究,先下班了。 求指教!!Ie6不支持对input type的选择器啊input[type='text']$(':text')这两种都IE6里都不支持。那要怎么办啊?不会吧!我去写个例子试试!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="../artDialog/jquery-1.7.1.min.js"></script><title>无标题文档</title><script type="text/javascript"> $(function(){ alert($("input[type='text']").length); alert($(":input").length); alert($(":text").length); })</script></head><body><input type="text" class="class1" /><input type="text" class="class2" /><input type="text" class="class3" /></body></html>经测试是可以的呢,可以获取到html控件!你jquery是什么版本?不对,刚又看了下,应该是1.5.2我用的1.7.1呢,你把我代码复制过去吧jquery的js 换成你的试试,可以不?谢谢ly12530的帮助,我刚刚试了下,jquery的选择器,Ie6下果然是可用的。之前一直没效果,可能是代码其他地方有错,影响了吧。 但老问题,removeClass不掉还是存在,我现在只好先勉强用个替代方法。就是在blur里removeClass之后再add一个blur状态下的Class,同时在focus里先remove掉那个class再add突出显示的class。这样绕了一个圈子来实现效果。不过还是希望能有更优的解决方案,这个removeClass其实明明已经remove了,但就是那个css效果却是还在,真是奇怪!! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="../artDialog/jquery-1.7.1.min.js"></script><title>无标题文档</title><style type="text/css"> .focus{border:1px solid #000}</style><script type="text/javascript"> $(function(){ $("input").focus(function(){ $("input").removeClass("focus"); $(this).addClass("focus"); }); })</script></head><body><input type="text" class="class1" /><input type="text" class="class2" /><input type="text" class="class3" /></body></html>是不是这个效果。 不是的,我是这样的:$("input").focus(function(){ $(this).removeClass("blur"); $(this).addClass("focus"); });$("input").blur(function(){ $(this).removeClass("focus"); $(this).addClass("blur"); }); 不是的,我是这样的:$("input").focus(function(){ $(this).removeClass("blur"); $(this).addClass("focus"); });$("input").blur(function(){ $(this).removeClass("focus"); $(this).addClass("blur"); });噢,具体需要具体实现。 如何用JS让网页在固定时间段内显示指定的内容 javascript:history.go window.onload 表单提交 jquery新手问题6 javascript与单选框 请问怎样判断输入的是不是 html 代码??? 请教大家一个简单的target问题 数据传递问题 一段始终不太明白的JS代码问题。 哪位哥们知道:怎样使我发布的文档能在google让大家找到? 求助!前端抽奖系统(一天只能抽取一次) 不用登陆 不用后端 有没有什么办法可以解决? 谁知道$( ".selector" ).menu({ menus: "div" });这段代码的意思? 求用jquery解决思路!
上面可以改成$("input[type=text],input[type=passoword]")
}这表达式的问题,IE6好像地这种写法是不兼容的,我记得好像是这个表达式比较耗资源,有时候可以,有时候不可以,不稳定。建议还是分开写!不要用这种表达式的形式!
求指教!!
Ie6不支持对input type的选择器啊
input[type='text']
$(':text')
这两种都IE6里都不支持。那要怎么办啊?
求指教!!
Ie6不支持对input type的选择器啊
input[type='text']
$(':text')
这两种都IE6里都不支持。那要怎么办啊?
不会吧!
我去写个例子试试!
毕竟我这里不能直接element.setAttribute("className","inputIE")这样,还有其他的class在呢,不能直接赋值。。
求指教!!
Ie6不支持对input type的选择器啊
input[type='text']
$(':text')
这两种都IE6里都不支持。那要怎么办啊?
不会吧!
我去写个例子试试!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../artDialog/jquery-1.7.1.min.js"></script>
<title>无标题文档</title>
<script type="text/javascript">
$(function(){
alert($("input[type='text']").length);
alert($(":input").length);
alert($(":text").length);
})
</script>
</head><body>
<input type="text" class="class1" />
<input type="text" class="class2" />
<input type="text" class="class3" /></body>
</html>经测试是可以的呢,可以获取到html控件!
你jquery是什么版本?
求指教!!
Ie6不支持对input type的选择器啊
input[type='text']
$(':text')
这两种都IE6里都不支持。那要怎么办啊?
不会吧!
我去写个例子试试!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../artDialog/jquery-1.7.1.min.js"></script>
<title>无标题文档</title>
<script type="text/javascript">
$(function(){
alert($("input[type='text']").length);
alert($(":input").length);
alert($(":text").length);
})
</script>
</head><body>
<input type="text" class="class1" />
<input type="text" class="class2" />
<input type="text" class="class3" /></body>
</html>经测试是可以的呢,可以获取到html控件!
你jquery是什么版本?是1.4的
求指教!!
Ie6不支持对input type的选择器啊
input[type='text']
$(':text')
这两种都IE6里都不支持。那要怎么办啊?
不会吧!
我去写个例子试试!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../artDialog/jquery-1.7.1.min.js"></script>
<title>无标题文档</title>
<script type="text/javascript">
$(function(){
alert($("input[type='text']").length);
alert($(":input").length);
alert($(":text").length);
})
</script>
</head><body>
<input type="text" class="class1" />
<input type="text" class="class2" />
<input type="text" class="class3" /></body>
</html>经测试是可以的呢,可以获取到html控件!
你jquery是什么版本?不对,刚又看了下,应该是1.5.2
求指教!!
Ie6不支持对input type的选择器啊
input[type='text']
$(':text')
这两种都IE6里都不支持。那要怎么办啊?
不会吧!
我去写个例子试试!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../artDialog/jquery-1.7.1.min.js"></script>
<title>无标题文档</title>
<script type="text/javascript">
$(function(){
alert($("input[type='text']").length);
alert($(":input").length);
alert($(":text").length);
})
</script>
</head><body>
<input type="text" class="class1" />
<input type="text" class="class2" />
<input type="text" class="class3" /></body>
</html>经测试是可以的呢,可以获取到html控件!
你jquery是什么版本?不对,刚又看了下,应该是1.5.2我用的1.7.1呢,你把我代码复制过去吧jquery的js 换成你的试试,可以不?
求指教!!
Ie6不支持对input type的选择器啊
input[type='text']
$(':text')
这两种都IE6里都不支持。那要怎么办啊?
不会吧!
我去写个例子试试!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../artDialog/jquery-1.7.1.min.js"></script>
<title>无标题文档</title>
<script type="text/javascript">
$(function(){
alert($("input[type='text']").length);
alert($(":input").length);
alert($(":text").length);
})
</script>
</head><body>
<input type="text" class="class1" />
<input type="text" class="class2" />
<input type="text" class="class3" /></body>
</html>经测试是可以的呢,可以获取到html控件!
你jquery是什么版本?不对,刚又看了下,应该是1.5.2我用的1.7.1呢,你把我代码复制过去吧jquery的js 换成你的试试,可以不?嗯,好的,谢谢!我回去研究研究,先下班了。
求指教!!
Ie6不支持对input type的选择器啊
input[type='text']
$(':text')
这两种都IE6里都不支持。那要怎么办啊?
不会吧!
我去写个例子试试!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../artDialog/jquery-1.7.1.min.js"></script>
<title>无标题文档</title>
<script type="text/javascript">
$(function(){
alert($("input[type='text']").length);
alert($(":input").length);
alert($(":text").length);
})
</script>
</head><body>
<input type="text" class="class1" />
<input type="text" class="class2" />
<input type="text" class="class3" /></body>
</html>经测试是可以的呢,可以获取到html控件!
你jquery是什么版本?不对,刚又看了下,应该是1.5.2我用的1.7.1呢,你把我代码复制过去吧jquery的js 换成你的试试,可以不?谢谢ly12530的帮助,我刚刚试了下,jquery的选择器,Ie6下果然是可用的。之前一直没效果,可能是代码其他地方有错,影响了吧。
就是在blur里removeClass之后再add一个blur状态下的Class,同时在focus里先remove掉那个class再add突出显示的class。
这样绕了一个圈子来实现效果。不过还是希望能有更优的解决方案,这个removeClass其实明明已经remove了,但就是那个css效果却是还在,真是奇怪!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../artDialog/jquery-1.7.1.min.js"></script>
<title>无标题文档</title>
<style type="text/css">
.focus{border:1px solid #000}
</style>
<script type="text/javascript">
$(function(){
$("input").focus(function(){
$("input").removeClass("focus");
$(this).addClass("focus");
});
})
</script>
</head><body>
<input type="text" class="class1" />
<input type="text" class="class2" />
<input type="text" class="class3" /></body>
</html>
是不是这个效果。
不是的,我是这样的:
$("input").focus(function(){
$(this).removeClass("blur");
$(this).addClass("focus");
});
$("input").blur(function(){
$(this).removeClass("focus");
$(this).addClass("blur");
});
不是的,我是这样的:
$("input").focus(function(){
$(this).removeClass("blur");
$(this).addClass("focus");
});
$("input").blur(function(){
$(this).removeClass("focus");
$(this).addClass("blur");
});
噢,具体需要具体实现。