使用jquery给input和textarea设定ie中的focus
2008-05-29 00:00
471 查看
今天在做我们的表单提交部分的时候,遇到了这个问题,于是,用传说中的jquery就可以解决了.
这里主要说的是在IE下的focus的问题,因为在firefox中是支持
在IE下:focus是无效的,所以,我们要在点击以后给input和textarea加上新的样式以配合实现:focus效果.
我们首先来看下效果:
来看下这个效果中的JS:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/ae73a5c27b9887fcced46d4ac19672e4.gif)
<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的一个很简单的应用,我也是初学,多多交流...
这里主要说的是在IE下的focus的问题,因为在firefox中是支持
input:focus textarea:focus
在IE下:focus是无效的,所以,我们要在点击以后给input和textarea加上新的样式以配合实现:focus效果.
我们首先来看下效果:
来看下这个效果中的JS:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/ae73a5c27b9887fcced46d4ac19672e4.gif)
<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给input和textarea设定ie中的focus
- 使用JQuery统计input和textarea文字输入数量代码
- 使用jQuery快速解决input中placeholder值在ie中无法支持的问题
- 使用jQuery快速解决input中placeholder值在ie中无法支持的问题
- 使用jQuery快速解决input中placeholder值在ie中无法支持的问题
- 使用jQuery快速解决input中placeholder值在ie中无法支持的问题
- jQuery的input失去焦点之后,不能使用focus()重新得到焦点
- 【jQuery】IE与Chrome的textarea取数处理
- jQuery在IE下使用未闭合的xml代码创建元素时的Bug介绍
- IE下使用jQuery重置iframe地址时内存泄露问题解决办法
- 使用jQuery解决IE不支持的option disable属性【转】
- jQuery-ui 的datepicker日历插件使用clone()出来的input无法选择问题
- 使用JQuery在IE和FF中对xml进行处理的方法(部分转载)
- JQuery input length focus
- jQuery对象与dom对象(转载)和setAttribute()的使用方法与ie不兼容
- 使用JQUERY封装Form和input进行提交
- 使用jQuery实现input数值的增量和减量
- Android 使用反射调用Hide方法setShowSoftInputOnFocus
- jQuery解决input中placeholder值在ie中无法支持的问题