使用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 相关文章推荐
JTrackBar水平拖动效果
Jul 15 Javascript
file控件选择上传文件确定后触发的js事件是哪个
Mar 17 Javascript
JavaScript将数字转换成大写中文的方法
Mar 23 Javascript
jQuery和CSS仿京东仿淘宝列表导航菜单
Jan 04 Javascript
Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的写法
Jun 29 Javascript
Vue网页html转换PDF(最低兼容ie10)的思路详解
Aug 24 Javascript
jQuery Datatable 多个查询条件自定义提交事件(推荐)
Aug 24 jQuery
深入理解ES7的async/await的用法
Sep 09 Javascript
vue请求服务器数据后绑定不上的解决方法
Oct 30 Javascript
vue路由守卫,限制前端页面访问权限的例子
Nov 11 Javascript
React.js组件实现拖拽排序组件功能过程解析
Apr 27 Javascript
JS轻量级函数式编程实现XDM二
Jun 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
PHP下的浮点运算不准的解决方法
2016/10/27 PHP
php实现的统计字数函数定义与使用示例
2017/07/26 PHP
PHP实现的只保留字符串首尾字符功能示例【隐藏部分字符串】
2019/03/11 PHP
php中对象引用和复制实例分析
2019/08/14 PHP
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
2010/04/25 Javascript
js单向链表的具体实现实例
2013/06/21 Javascript
jquery验证表单中的单选与多选实例
2013/08/18 Javascript
js触发select onchange事件的小技巧
2014/08/05 Javascript
js焦点文字滚动效果代码分享
2015/08/25 Javascript
Jquery1.9.1源码分析系列(十五)动画处理之外篇
2015/12/04 Javascript
Javascript 高性能之递归,迭代,查表法详解及实例
2017/01/08 Javascript
Javascript封装id、class与元素选择器方法示例
2017/03/13 Javascript
详解Vue.use自定义自己的全局组件
2017/06/14 Javascript
基于jquery实现多选下拉列表
2017/08/02 jQuery
基于vue-cli 打包时抽离项目相关配置文件详解
2018/03/07 Javascript
javascript实现弹出层效果
2019/12/10 Javascript
微信小程序实现搜索框功能及踩过的坑
2020/06/19 Javascript
[01:23]2014DOTA2国际邀请赛 球迷无处不在Ti现场世界杯受关注
2014/07/10 DOTA
Django中cookie的基本使用方法示例
2018/02/03 Python
python实现媒体播放器功能
2018/02/11 Python
pytorch构建网络模型的4种方法
2018/04/13 Python
Python 爬取携程所有机票的实例代码
2018/06/11 Python
Python装饰器基础概念与用法详解
2018/12/22 Python
Python之lambda匿名函数及map和filter的用法
2019/03/05 Python
python3.7 使用pymssql往sqlserver插入数据的方法
2019/07/08 Python
CSS伪类与CSS伪元素的区别及由来具体说明
2012/12/07 HTML / CSS
年度考核评语
2014/01/19 职场文书
《夹竹桃》教学反思
2014/04/20 职场文书
2015年暑期见闻
2015/07/14 职场文书
爱国主义主题班会
2015/08/14 职场文书
暑假生活随笔
2015/08/15 职场文书
2016重阳节红领巾广播稿
2015/12/18 职场文书
家庭教育教师培训学习体会
2016/01/14 职场文书
Pyhton模块和包相关知识总结
2021/05/12 Python
openstack中的rpc远程调用的方法
2021/07/09 Python
Python sklearn分类决策树方法详解
2022/09/23 Python