使用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检测客户端不是firefox则提示下载
Apr 07 Javascript
JavaScript 异步调用框架 (Part 5 - 链式实现)
Aug 04 Javascript
通过Jquery的Ajax方法读取将table转换为Json
May 31 Javascript
jQuery插件实现多级联动菜单效果
Dec 01 Javascript
js实现跨域的多种方法
Dec 25 Javascript
Node.js中使用jQuery的做法
Aug 17 Javascript
js时间控件只显示年月
Jan 08 Javascript
javascript 显示全局变量与隐式全局变量的区别
Feb 09 Javascript
运用jQuery写的验证表单(实例讲解)
Jul 06 jQuery
详解PHP后期静态绑定分析与应用
Mar 21 Javascript
vue自定义switch开关组件,实现样式可自行更改
Nov 01 Javascript
前端使用crypto.js进行加密的函数代码
Aug 16 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
深入mysql_fetch_row()与mysql_fetch_array()的区别详解
2013/06/05 PHP
浅谈php+phpStorm+xdebug配置方法
2015/09/17 PHP
Yii视图操作之自定义分页实现方法
2016/07/14 PHP
DOM精简教程
2006/10/03 Javascript
document.designMode的功能与使用方法介绍
2007/11/22 Javascript
jquery validate.js表单验证的基本用法入门
2010/05/13 Javascript
jquery dialog键盘事件代码
2010/08/01 Javascript
JavaScript实现x秒后自动跳转到一个页面
2013/01/03 Javascript
JavaScript中数组对象的那些自带方法介绍
2013/03/12 Javascript
Js获取数组最大和最小值示例代码
2013/10/29 Javascript
jQuery实现的一个tab切换效果内部还嵌有切换
2014/08/10 Javascript
使用JavaScript实现连续滚动字幕效果的方法
2015/07/07 Javascript
jQuery菜单插件用法实例
2015/07/25 Javascript
jQuery实现自动切换播放的经典滑动门效果
2015/09/12 Javascript
javascript常见数字进制转换实例分析
2016/04/21 Javascript
第五章之BootStrap 栅格系统
2016/04/25 Javascript
小白谈谈对JS原型链的理解
2016/05/03 Javascript
Javascript中字符串相关常用的使用方法总结
2017/03/13 Javascript
jQuery实现验证码功能
2017/03/17 Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
2019/02/28 Javascript
elementUi vue el-radio 监听选中变化的实例代码
2019/06/28 Javascript
JavaScript中arguments的使用方法详解
2020/12/20 Javascript
[01:48]完美圣典齐天大圣至宝宣传片
2016/12/17 DOTA
[01:20]PWL开团时刻DAY9——听说潮汐没用?
2020/11/10 DOTA
python函数中return后的语句一定不会执行吗?
2017/07/06 Python
Python如何读取、写入CSV数据
2020/07/28 Python
python基于opencv 实现图像时钟
2021/01/04 Python
质检的岗位职责
2013/11/17 职场文书
学校消防演习方案
2014/02/19 职场文书
会计专业个人自我鉴定
2014/03/21 职场文书
奥巴马竞选演讲稿
2014/05/15 职场文书
Python答题卡识别并给出分数的实现代码
2021/06/22 Python
Python基于百度AI实现抓取表情包
2021/06/27 Python
SpringBoot读取Resource下文件的4种方法
2021/07/02 Java/Android
使用Nginx的访问日志统计PV与UV
2022/05/06 Servers
Python 文字识别
2022/05/11 Python