今天在做我们的表单提交部分的时候,遇到了这个问题,于是,用传说中的jquery就可以解决了.
这里主要说的是在IE下的focus的问题,因为在firefox中是支持
复制代码 代码如下:
input:focus
textarea:focus
在IE下:focus是无效的,所以，我们要在点击以后给input和textarea加上新的样式以配合实现:focus效果.
我们首先来看下效果:
来看下这个效果中的JS:
<script language="javascript">
$(document).ready(
function(){if($.browser.msie){
$("input[@type='text'], input[@type='password'], textarea").focus(function() {$(this).css({background:"#FFFFF7"});})
$("input[@type='text'], input[@type='password'], textarea").blur(function() {$(this).css({background:"#fff"});})
}});
</script>
CSS这里这样定义:
input,textarea{border: 1px solid #CCC;}
input:focus,textarea:focus{background:#FFFFF7;}
这是jquery的一个很简单的应用,我也是初学,多多交流...
您可能感兴趣的文章:
- jquery清空textarea等输入框实现代码
- jQuery textarea的长度进行验证
- JQuery为textarea添加maxlength属性的代码
- jquery实现textarea输入框限制字数的方法
- textarea中的手动换行处理的jquery代码
- Jquery实现点击按钮,连续地向textarea中添加值的实例代码
- jQuery替换textarea中换行的方法
- TextArea不支持maxlength的解决办法(jquery)
- 基于jquery的textarea发布框限制文字字数输入(添加中文识别)
- jquery实现限制textarea输入字数的方法
