欢迎来到福编程网,本站提供各种互联网专业知识!

使用jquery给input和textarea设定ie中的focus

发布时间:2008-05-29 作者: 来源:转载
在浏览网站的过程中,我们经常可以看见当鼠标点击后样式改变的文本框和文本域,那么这种效果是如何实现的呢?
今天在做我们的表单提交部分的时候,遇到了这个问题,于是,用传说中的jquery就可以解决了.
这里主要说的是在IE下的focus的问题,因为在firefox中是支持
复制代码 代码如下:
input:focus
textarea:focus

在IE下:focus是无效的,所以,我们要在点击以后给input和textarea加上新的样式以配合实现:focus效果.
我们首先来看下效果:
来看下这个效果中的JS:


$(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"});})
}});


CSS这里这样定义:
input,textarea{border:1pxsolid#CCC;}
input:focus,textarea:focus{background:#FFFFF7;}

这是jquery的一个很简单的应用,我也是初学,多多交流...

相关推荐