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


Posted in Javascript onMay 29, 2008

今天在做我们的表单提交部分的时候,遇到了这个问题,于是,用传说中的jquery就可以解决了.
这里主要说的是在IE下的focus的问题,因为在firefox中是支持

input:focus  
textarea:focus 

在IE下:focus是无效的,所以,我们要在点击以后给input和textarea加上新的样式以配合实现:focus效果.
我们首先来看下效果:
来看下这个效果中的JS:
使用jquery给input和textarea设定ie中的focus
<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的一个很简单的应用,我也是初学,多多交流...

Javascript 相关文章推荐
分享一则javascript 调试技巧
Jan 02 Javascript
jQuery使用slideUp方法实现控制元素缓慢收起
Mar 27 Javascript
jquery实现从数组移除指定的值
Jun 24 Javascript
利用Jquery队列实现根据输入数量显示的动画
Sep 01 Javascript
使用开源工具制作网页验证码的方法
Oct 17 Javascript
Angular下H5上传图片的方法(可多张上传)
Jan 09 Javascript
vue双向绑定简要分析
Mar 23 Javascript
详解JS数组Reduce()方法详解及高级技巧
Aug 18 Javascript
JavaScript函数、闭包、原型、面向对象学习笔记
Sep 06 Javascript
JavaScript鼠标拖拽事件详解
Apr 03 Javascript
详解小程序横屏方案对比
Jun 28 Javascript
用javascript实现倒计时效果
Feb 09 Javascript
js中cookie的使用详细分析
May 28 #Javascript
javascript一点特殊用法
May 28 #Javascript
js 加载时自动调整图片大小
May 28 #Javascript
javascript document.images实例
May 27 #Javascript
javascript Discuz代码中的msn聊天小功能
May 25 #Javascript
常用的javascript function代码
May 23 #Javascript
javascript firefox兼容ie的dom方法脚本
May 18 #Javascript
You might like
php读取html并截取字符串的简单代码
2009/11/30 PHP
php算开始时间到过期时间的相隔的天数
2011/01/12 PHP
如何使用jQuery+PHP+MySQL来实现一个在线测试项目
2015/04/26 PHP
smarty自定义函数用法示例
2016/05/20 PHP
Laravel中Facade的加载过程与原理详解
2017/09/22 PHP
Laravel使用原生sql语句并调用的方法
2019/10/09 PHP
js arguments.callee的应用代码
2009/05/07 Javascript
jquery购物车实时结算特效实现思路
2013/09/23 Javascript
javascript中offset、client、scroll的属性总结
2015/08/13 Javascript
jQuery Validate表单验证深入学习
2015/12/18 Javascript
10个JavaScript中易犯小错误
2016/02/14 Javascript
JavaScript是如何实现继承的(六种方式)
2016/03/31 Javascript
详解vue-validator(vue验证器)
2017/01/16 Javascript
vue.js,ajax渲染页面的实例
2018/02/11 Javascript
JavaScript实现星级评价效果
2019/05/17 Javascript
nodejs中实现修改用户路由功能
2019/05/24 NodeJs
深入浅出vue图片路径的实现
2019/09/04 Javascript
JS 事件机制完整示例分析
2020/01/15 Javascript
js函数和this用法实例分析
2020/03/13 Javascript
[01:54]胎教DOTA2 准妈妈玩家现身中国区预选赛
2016/06/26 DOTA
python中while循环语句用法简单实例
2015/05/07 Python
python3.4用函数操作mysql5.7数据库
2017/06/23 Python
Python进阶学习之特殊方法实例详析
2017/12/01 Python
python+matplotlib实现动态绘制图片实例代码(交互式绘图)
2018/01/20 Python
Python使用__new__()方法为对象分配内存及返回对象的引用示例
2019/09/20 Python
使用Python解析Chrome浏览器书签的示例
2020/11/13 Python
美国豪华时尚女性精品店:Kirna Zabête
2018/01/11 全球购物
欧舒丹美国官网:L’Occitane美国
2018/02/23 全球购物
丝芙兰意大利官方网站:Sephora.it
2019/12/13 全球购物
企业读书活动总结
2014/06/30 职场文书
火锅店的活动方案
2014/08/15 职场文书
销售员试用期自我评价
2014/09/15 职场文书
对党的十八届四中全会的期盼
2014/10/17 职场文书
2015年公务员工作总结
2015/04/24 职场文书
python基础之匿名函数详解
2021/04/21 Python
Django实现WebSocket在线聊天室功能(channels库)
2021/09/25 Python