使用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 相关文章推荐
js中的数组Array定义与sort方法使用示例
Aug 29 Javascript
jQuery计算textarea中文字数(剩余个数)的小程序
Nov 28 Javascript
JavaScript获取当前cpu使用率的方法
Dec 15 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
Dec 18 Javascript
浅谈Vue.js应用的四种AJAX请求数据模式
Aug 30 Javascript
关于预加载InstantClick的问题解决方法
Sep 12 Javascript
JS严格模式知识点总结
Feb 27 Javascript
使用webpack-dev-server处理跨域请求的方法
Apr 18 Javascript
学习RxJS之JavaScript框架Cycle.js
Jun 17 Javascript
vue下axios拦截器token刷新机制的实例代码
Jan 17 Javascript
JQuery获得内容和属性方法解析
May 30 jQuery
vue 获取到数据但却渲染不到页面上的解决方法
Nov 19 Vue.js
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
vBulletin HACK----显示话题大小和打开新窗口于论坛索引页
2006/10/09 PHP
PHP 多进程 解决难题
2009/06/22 PHP
判断php数组是否为索引数组的实现方法
2013/06/13 PHP
PHP rsa加密解密使用方法
2015/04/27 PHP
PHP学习笔记之session
2018/05/06 PHP
laravel中的一些简单实用功能
2018/11/03 PHP
很可爱的输入框
2008/08/03 Javascript
IE FF OPERA都可用的弹出层实现代码
2009/09/29 Javascript
JavaScript Event学习第六章 事件的访问
2010/02/07 Javascript
Javascript Ajax异步读取RSS文档具体实现
2013/12/12 Javascript
js简单的表格添加行和删除行操作示例
2014/03/31 Javascript
js实现简洁大方的二级下拉菜单效果代码
2015/09/01 Javascript
神奇!js+CSS+DIV实现文字颜色渐变效果
2016/03/16 Javascript
利用webstrom调试Vue.js单页面程序的方法教程
2017/06/06 Javascript
简化vuex的状态管理方案的方法
2018/06/02 Javascript
vue.js自定义组件实现v-model双向数据绑定的示例代码
2020/01/08 Javascript
Vue 图片压缩并上传至服务器功能
2020/01/15 Javascript
JavaScript图像放大镜效果实现方法详解
2020/06/28 Javascript
Vue实现购物车基本功能
2020/11/08 Javascript
使用Python编写简单网络爬虫抓取视频下载资源
2014/11/04 Python
用Python实现一个简单的线程池
2015/04/07 Python
python统计文本文件内单词数量的方法
2015/05/30 Python
Python编写Windows Service服务程序
2018/01/04 Python
详解TensorFlow查看ckpt中变量的几种方法
2018/06/19 Python
python list数据等间隔抽取并新建list存储的例子
2019/11/27 Python
Pycharm中Python环境配置常见问题解析
2020/01/16 Python
.dcm格式文件软件读取及python处理详解
2020/01/16 Python
HTML5 解析规则分析
2009/08/14 HTML / CSS
奥地利网上书店:Weltbild
2017/07/14 全球购物
Python文件操作的面试题
2013/06/22 面试题
城市轨道专业个人求职信范文
2013/09/23 职场文书
大学应届生求职简历的自我评价
2013/10/08 职场文书
办公设备采购方案
2014/03/16 职场文书
党员作风建设自查报告
2014/10/23 职场文书
Java elasticsearch安装以及部署教程
2021/06/28 Java/Android
Python pandas之求和运算和非空值个数统计
2021/08/07 Python