使用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 相关文章推荐
使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法
Apr 07 Javascript
浅析Js中的单引号与双引号问题
Nov 06 Javascript
详解javascript的变量与标识符
Jan 04 Javascript
浅析JavaScript中的变量复制、参数传递和作用域链
Jan 13 Javascript
Javascript设计模式之观察者模式(推荐)
Mar 29 Javascript
JS去掉字符串中所有的逗号
Oct 18 Javascript
vue 中filter的多种用法
Apr 26 Javascript
Angular设置别名alias的方法
Nov 08 Javascript
vue cli 3.0 搭建项目的图文教程
May 17 Javascript
element-ui 中使用upload多文件上传只请求一次接口
Jul 19 Javascript
深入webpack打包原理及loader和plugin的实现
May 06 Javascript
Webpack的Loader和Plugin的区别
Nov 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
WordPres对前端页面调试时的两个PHP函数使用小技巧
2015/12/22 PHP
使用PHP实现微信摇一摇周边红包
2016/01/04 PHP
图片轮换效果实现代码(点击按钮停止执行)
2013/04/12 Javascript
js中top的作用深入剖析
2014/03/04 Javascript
javascript批量修改文件编码格式的方法
2015/01/27 Javascript
jquery制作 随机弹跳的小球特效
2015/02/01 Javascript
JavaScript获取当前日期是星期几的方法
2015/04/06 Javascript
浅谈Jquery为元素绑定事件
2015/04/27 Javascript
JS中多步骤多分步的StepJump组件实例详解
2016/04/01 Javascript
js精准的倒计时函数分享
2016/06/29 Javascript
JS瀑布流实现方法实例分析
2016/12/19 Javascript
jq stop()和:is(:animated)的用法及区别(详解)
2017/02/12 Javascript
详解Angular-cli生成组件修改css成less或sass的实例
2017/07/27 Javascript
React Native日期时间选择组件的示例代码
2018/04/27 Javascript
解决修复npm安装全局模块权限的问题
2018/05/17 Javascript
JavaScript实现简单音乐播放器
2020/04/17 Javascript
原生js实现3D轮播图
2020/03/21 Javascript
jQuery实现移动端图片上传预览组件的方法分析
2020/05/01 jQuery
[57:29]Alliance vs KG 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/17 DOTA
python 参数列表中的self 显式不等于冗余
2008/12/01 Python
30分钟搭建Python的Flask框架并在上面编写第一个应用
2015/03/30 Python
简单介绍Python中的round()方法
2015/05/15 Python
利用Tkinter(python3.6)实现一个简单计算器
2017/12/21 Python
Python中__slots__属性介绍与基本使用方法
2018/09/05 Python
11个Python3字典内置方法大全与示例汇总
2019/05/13 Python
python对csv文件追加写入列的方法
2019/08/01 Python
使用tqdm显示Python代码执行进度功能
2019/12/08 Python
基于spring boot 日志(logback)报错的解决方式
2020/02/20 Python
Pycharm如何导入python文件及解决报错问题
2020/05/10 Python
python如何运行js语句
2020/09/09 Python
生物制药毕业生自荐信
2013/10/16 职场文书
大学生求职自我评价
2014/01/16 职场文书
公司员工宿舍管理制度
2015/08/07 职场文书
《落花生》教学反思
2016/02/16 职场文书
工作报告范文
2019/06/20 职场文书
《语言的突破》读后感3篇
2019/12/12 职场文书