使用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 相关文章推荐
jQuery下的动画处理总结
Oct 10 Javascript
javascript中使用正则计算中文长度的例子
Apr 29 Javascript
自定义jQuery插件方式实现强制对象重绘的方法
Mar 23 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
Sep 23 Javascript
原生js获取浏览器窗口及元素宽高常用方法集合
Jan 18 Javascript
JS中Attr的用法详解
Oct 09 Javascript
js设置随机切换背景图片的简单实例
Nov 12 Javascript
PostgreSQL Node.js实现函数计算方法示例
Feb 12 Javascript
如何构建 vue-ssr 项目的方法步骤
Aug 04 Javascript
基于vue中的scoped坑点解说
Sep 04 Javascript
Vue axios 跨域请求无法带上cookie的解决
Sep 08 Javascript
js实现移动端图片滑块验证功能
Sep 29 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
利用 window_onload 实现select默认选择
2006/10/09 PHP
PHP把JPEG图片转换成Progressive JPEG的方法
2014/06/30 PHP
yii实现使用CUploadedFile上传文件的方法
2015/12/28 PHP
Zend Framework入门教程之Zend_Config组件用法详解
2016/12/09 PHP
TBCompressor js代码压缩
2011/01/05 Javascript
Ajax 数据请求的简单分析
2011/04/05 Javascript
js清除input中type等于file的值域(示例代码)
2013/12/24 Javascript
js对图片base64编码字符串进行解码并输出图像示例
2014/03/17 Javascript
JavaScript实现将数组中所有元素连接成一个字符串的方法
2015/04/06 Javascript
Js与Jq 获取页面元素值的方法和差异对比
2015/04/30 Javascript
异步JavaScript编程中的Promise使用方法
2015/07/28 Javascript
学习vue.js计算属性
2016/12/03 Javascript
使用ESLint禁止项目导入特定模块的方法步骤
2019/03/04 Javascript
Python实现对excel文件列表值进行统计的方法
2015/07/25 Python
Python中的错误和异常处理简单操作示例【try-except用法】
2017/07/25 Python
Python从数据库读取大量数据批量写入文件的方法
2018/12/10 Python
用Python和WordCloud绘制词云的实现方法(内附让字体清晰的秘笈)
2019/01/08 Python
Python 、Pycharm、Anaconda三者的区别与联系、安装过程及注意事项
2019/10/11 Python
win7上tensorflow2.2.0安装成功 引用DLL load failed时找不到指定模块 tensorflow has no attribute xxx 解决方法
2020/05/20 Python
Python通过len函数返回对象长度
2020/10/22 Python
Lands’ End官网:经典的美国生活方式品牌
2016/08/14 全球购物
Ralph Lauren拉夫·劳伦美国官网:带有浓郁美国气息的高品味时装品牌
2017/11/01 全球购物
印度首选时尚目的地:Reliance Trends
2018/01/17 全球购物
乡镇消防工作实施方案
2014/03/27 职场文书
母亲节演讲稿
2014/05/27 职场文书
秋季运动会开幕词
2015/01/28 职场文书
领导离职感言
2015/08/03 职场文书
交通安全教育心得体会
2016/01/15 职场文书
学习习近平主席讲话心得体会
2016/01/20 职场文书
2016大学生暑期三下乡心得体会
2016/01/23 职场文书
实例讲解Python中sys.argv[]的用法
2021/06/03 Python
探究Mysql模糊查询是否区分大小写
2021/06/11 MySQL
什么是动态刷新率DRR? Windows11动态刷新率功能介绍
2021/11/21 数码科技
Go归并排序算法的实现方法
2022/04/06 Golang
零基础学java之带参数以及返回值的方法
2022/04/10 Java/Android
SQLServer常见数学函数梳理总结
2022/08/05 MySQL