使用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 相关文章推荐
JavaScript面向对象知识串结(读JavaScript高级程序设计(第三版))
Jul 17 Javascript
javascript 兼容所有浏览器的DOM扩展功能
Aug 01 Javascript
extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
Apr 02 Javascript
jquery数组之存放checkbox全选值示例代码
Dec 20 Javascript
javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等
May 08 Javascript
js QQ客服悬浮效果实现代码
Dec 12 Javascript
原生js实现数字字母混合验证码的简单实例
Dec 10 Javascript
JavaScript记录光标在编辑器中位置的实现方法
Apr 22 Javascript
jQuery实现底部浮动窗口效果
Sep 07 Javascript
详解vue渲染从后台获取的json数据
Jul 06 Javascript
基于Vue实现拖拽功能
Jul 29 Javascript
浅谈JavaScript中this的指向更改
Jul 28 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
克隆一个新项目的快捷方式
2013/04/10 PHP
php实现根据url自动生成缩略图的方法
2014/09/23 PHP
PHP文件操作详解
2016/12/30 PHP
基于PHP的加载类操作以及其他两种魔术方法的应用实例
2017/08/28 PHP
php empty 函数判断结果为空但实际值却为非空的原因解析
2018/05/28 PHP
网站上面有这种切换效果
2006/06/26 Javascript
JS运行耗时操作的延时显示方法
2010/11/19 Javascript
JavaScript实现x秒后自动跳转到一个页面
2013/01/03 Javascript
jquery DIV撑大让滚动条滚到最底部代码
2013/06/06 Javascript
用json方式实现在 js 中建立一个map
2014/05/02 Javascript
教你在heroku云平台上部署Node.js应用
2014/07/30 Javascript
jQuery实现的小图列表,大图展示效果幻灯片示例
2016/10/25 Javascript
微信小程序之MaterialDesign--input组件详解
2017/02/15 Javascript
jqueryUI tab标签页代码分享
2017/10/09 jQuery
[01:24:16]2018DOTA2亚洲邀请赛 4.6 全明星赛
2018/04/10 DOTA
python获取一组汉字拼音首字母的方法
2015/07/01 Python
python操作oracle的完整教程分享
2018/01/30 Python
python如何对实例属性进行类型检查
2018/03/20 Python
Python异常处理操作实例详解
2018/05/10 Python
基于Django与ajax之间的json传输方法
2018/05/29 Python
python paramiko利用sftp上传目录到远程的实例
2019/01/03 Python
Python 占位符的使用方法详解
2019/07/10 Python
python [:3] 实现提取数组中的数
2019/11/27 Python
Python3 xml.etree.ElementTree支持的XPath语法详解
2020/03/06 Python
Python使用tkinter实现摇骰子小游戏功能的代码
2020/07/02 Python
基于python爬取链家二手房信息代码示例
2020/10/21 Python
python爬取2021猫眼票房字体加密实例
2021/02/19 Python
Html5移动端div固定到底部实现底部导航条的几种方式
2021/03/09 HTML / CSS
澳大利亚运动鞋零售商:The Athlete’s Foot
2018/11/04 全球购物
世界上最大的乐谱选择:Sheet Music Plus
2020/01/18 全球购物
俞敏洪北大演讲稿
2014/05/22 职场文书
经典毕业生求职信
2014/07/12 职场文书
土地租赁协议书
2015/01/29 职场文书
会计试用期工作总结2015
2015/05/28 职场文书
MySQL 数据丢失排查案例
2021/05/08 MySQL
Python 一键获取电脑浏览器的账号密码
2022/05/11 Python