使用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 相关文章推荐
Display SQL Server Login Mode
Jun 21 Javascript
找出字符串中出现次数最多的字母和出现次数精简版
Nov 07 Javascript
JavaScript简单实现网页回到顶部功能
Nov 12 Javascript
javascript移出节点removeChild()使用介绍
Apr 03 Javascript
js实现字符串的16进制编码不加密
Apr 25 Javascript
JavaScript中的Math.LN2属性用法详解
Jun 12 Javascript
Vuejs第一篇之入门教程详解(单向绑定、双向绑定、列表渲染、响应函数)
Sep 09 Javascript
jQuery Ajax传值到Servlet出现乱码问题的解决方法
Oct 09 Javascript
jQuery基于事件控制实现点击显示内容下拉效果
Mar 07 Javascript
详谈表单格式化插件jquery.serializeJSON
Jun 23 jQuery
JS中的多态实例详解
Oct 15 Javascript
详解jQuery中的isPlainObject()使用方法
Feb 27 jQuery
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中修改浏览器的User-Agent来伪装你的浏览器和操作系统
2011/07/29 PHP
Laravel 5+ .env环境配置文件详解
2020/04/06 PHP
javascript基础第一章 JavaScript与用户端
2010/07/22 Javascript
TimergliderJS 一个基于jQuery的时间轴插件
2011/12/07 Javascript
js 自定义个性下拉选择框示例
2013/08/20 Javascript
将list转换为json失败的原因
2013/12/17 Javascript
javascript获取鼠标点击元素对象(示例代码)
2013/12/20 Javascript
JS网页图片按比例自适应缩放实现方法
2014/01/15 Javascript
Javascript模仿淘宝信用评价实例(附源码)
2015/11/26 Javascript
jQuery Html控件基本操作(日常收集整理)
2016/03/11 Javascript
基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解
2016/07/18 Javascript
浅析JavaScript函数的调用模式
2016/08/10 Javascript
浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
2016/11/29 Javascript
微信小程序 开发之快递查询功能的实现
2017/01/09 Javascript
vue内置指令详解
2018/04/03 Javascript
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
2018/09/14 Javascript
Cocos2d实现刮刮卡效果
2018/12/20 Javascript
浅谈react-router@4.0 使用方法和源码分析
2019/06/04 Javascript
vue项目配置使用flow类型检查的步骤
2020/03/18 Javascript
深入讲解Python函数中参数的使用及默认参数的陷阱
2016/03/13 Python
Django入门使用示例
2017/12/12 Python
python之pandas用法大全
2018/03/13 Python
Python寻找两个有序数组的中位数实例详解
2018/12/05 Python
python通过robert、sobel、Laplace算子实现图像边缘提取详解
2019/08/21 Python
哪种Python框架适合你?简单介绍几种主流Python框架
2020/08/04 Python
python将字典内容写入json文件的实例代码
2020/08/12 Python
Python中Qslider控件实操详解
2021/02/20 Python
瑞士国际航空官网:SWISS
2016/07/21 全球购物
四年级下册教学反思
2014/02/01 职场文书
公立医院改革实施方案
2014/03/14 职场文书
活动费用申请报告
2015/05/15 职场文书
大学生党课感想
2015/08/11 职场文书
电台广播稿范文
2015/08/19 职场文书
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
2021/04/13 Javascript
Mysql服务添加 iptables防火墙策略的方案
2021/04/29 MySQL
oracle通过存储过程上传list保存功能
2021/05/12 Oracle