使用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 相关文章推荐
JS获取整个页面文档的实现代码
Dec 15 Javascript
js判断60秒以及倒计时示例代码
Jan 24 Javascript
自己使用js/jquery写的一个定制对话框控件
May 02 Javascript
JavaScript实现拖拽网页内元素的方法
Apr 15 Javascript
JQuery判断checkbox是否选中及其它复选框操作方法合集
Jun 01 Javascript
jquery不常用方法汇总
Jul 26 Javascript
浅谈React和Redux的连接react-redux
Dec 04 Javascript
使用watch在微信小程序中实现全局状态共享
Jun 03 Javascript
如何测量vue应用运行时的性能
Jun 21 Javascript
vue轮播组件实现$children和$parent 附带好用的gif录制工具
Sep 26 Javascript
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
Nov 12 Javascript
Vue 中如何将函数作为 props 传递给组件的实现代码
May 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中的字符串函数
2006/11/24 PHP
PHP Memcached + APC + 文件缓存封装实现代码
2010/03/11 PHP
PHP中删除变量时unset()和null的区别分析
2011/01/27 PHP
PHP FTP操作类代码( 上传、拷贝、移动、删除文件/创建目录)
2014/05/10 PHP
PHP中读取文件的8种方法和代码实例
2014/08/05 PHP
php保存任意网络图片到服务器的方法
2015/04/14 PHP
JavaScript Cookie的读取和写入函数
2009/12/08 Javascript
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
2010/10/26 Javascript
Nodejs实现多人同时在线移动鼠标的小游戏分享
2014/12/06 NodeJs
js添加千分位的实现代码(超简单)
2016/08/01 Javascript
学习vue.js表单控件绑定操作
2016/12/05 Javascript
angularJs使用$watch和$filter过滤器制作搜索筛选实例
2017/06/01 Javascript
详解在vue-cli项目中安装node-sass
2017/06/21 Javascript
Easyui使用Dialog行内按钮布局的实例
2017/07/27 Javascript
AngularJS 多指令Scope问题的解决
2018/10/25 Javascript
深入学习js函数的隐式参数 arguments 和 this
2019/06/24 Javascript
微信小程序 子级页面返回父级并把子级参数带回父级实现方法
2019/08/22 Javascript
Postman参数化实现过程及原理解析
2020/08/13 Javascript
[46:10]2014 DOTA2国际邀请赛中国区预选赛 CnB VS HGT
2014/05/21 DOTA
Python判断变量是否已经定义的方法
2014/08/18 Python
简单介绍Python中的几种数据类型
2016/01/02 Python
PyTorch读取Cifar数据集并显示图片的实例讲解
2018/07/27 Python
Python中的heapq模块源码详析
2019/01/08 Python
linux中如何使用python3获取ip地址
2019/07/15 Python
Python基于unittest实现测试用例执行
2020/11/25 Python
html5时钟实现代码
2010/10/22 HTML / CSS
Ray-Ban雷朋西班牙官网:全球领先的太阳眼镜品牌
2018/11/28 全球购物
俄罗斯游戏商店:Buka
2020/03/01 全球购物
学生宿舍管理制度
2014/01/30 职场文书
高中教师评语大全
2014/04/25 职场文书
升国旗演讲稿
2014/09/05 职场文书
职场干货:简历中的自我评价应该这样写!
2019/05/06 职场文书
在Windows下安装配置CPU版的PyTorch的方法
2021/04/02 Python
pandas求平均数和中位数的方法实例
2021/08/04 Python
详解在SQLPlus中实现上下键翻查历史命令的功能
2022/03/18 SQL Server
Java中的继承、多态以及封装
2022/04/11 Java/Android