使用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 获取所有id中包含某关键字的控件的实现代码
Nov 25 Javascript
jquery 滚动条事件简单实例
Jul 12 Javascript
JS+CSS设置img在DIV中只显示Img垂直居中的部分
Oct 24 Javascript
js创建表单元素并使用submit进行提交
Aug 14 Javascript
js控制输入框获得和失去焦点时状态显示的方法
Jan 30 Javascript
jQuery检测某个元素是否存在代码分享
Jul 09 Javascript
解决WordPress使用CDN后博文无法评论的错误
Dec 15 Javascript
jQuery实现的超简单点赞效果实例分析
Dec 31 Javascript
jQuery EasyUI中的日期控件DateBox修改方法
Nov 09 Javascript
JavaScript仿微博发布信息案例
Nov 16 Javascript
Vue.Js中的$watch()方法总结
Mar 23 Javascript
使用Vant完成DatetimePicker 日期的选择器操作
Nov 12 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操作xml入门之xml基本介绍及xml标签元素
2015/01/23 PHP
PHP微信红包生成代码分享
2016/10/06 PHP
JS 拼图游戏 面向对象,注释完整。
2009/06/18 Javascript
防止页面被iframe(兼容IE,Firefox火狐)
2010/07/04 Javascript
javascript温习的一些笔记 基础常用知识小结
2011/06/22 Javascript
同时使用n个window onload加载实例介绍
2013/04/25 Javascript
javascript查找字符串中出现最多的字符和次数的小例子
2013/10/29 Javascript
jquery实现手机发送验证码的倒计时代码
2014/02/12 Javascript
浅谈js中字符和数组一些基本算法题
2016/08/15 Javascript
vue resource post请求时遇到的坑
2017/10/19 Javascript
JS中的BOM应用
2018/02/02 Javascript
JavaScript轮播停留效果的实现思路
2018/05/24 Javascript
vue.js 中使用(...)运算符报错的解决方法
2018/08/09 Javascript
js实现动态增加文件域表单功能
2018/10/22 Javascript
微信小程序购物车、父子组件传值及calc的注意事项总结
2018/11/14 Javascript
解析原来浏览器原生支持JS Base64编码解码
2019/08/12 Javascript
JavaScript实现猜数字游戏
2020/05/20 Javascript
[01:18]一目了然!DOTA2DotA快捷操作对比第一弹
2014/07/01 DOTA
Python编程中字符串和列表的基本知识讲解
2015/10/14 Python
使用Python进行AES加密和解密的示例代码
2018/02/02 Python
使用WingPro 7 设置Python路径的方法
2019/07/24 Python
Python 读取 YUV(NV12) 视频文件实例
2019/12/09 Python
python飞机大战pygame游戏框架搭建操作详解
2019/12/17 Python
Python库安装速度过慢解决方案
2020/07/14 Python
Python hashlib模块的使用示例
2020/10/09 Python
科茨沃尔德家居商店:Scotts of Stow
2018/06/29 全球购物
检讨书范文1000字
2015/01/28 职场文书
人事局接收函
2015/01/30 职场文书
2015年教师师德师风承诺书
2015/04/28 职场文书
大学毕业论文致谢词
2015/05/14 职场文书
师范生见习总结范文
2015/06/23 职场文书
2016大学生入党积极分子心得体会
2016/01/06 职场文书
2016银行招聘自荐信
2016/01/28 职场文书
高中体育课教学反思
2016/02/16 职场文书
python 逐步回归算法
2021/04/06 Python
python实现高效的遗传算法
2021/04/07 Python