使用jquery给input和textarea设定ie中的focus
这里主要说的是在IE下的focus的问题,因为在firefox中是支持
input:focus
textarea:focus
在IE下:focus是无效的,所以,我们要在点击以后给input和textarea加上新的样式以配合实现:focus效果.
我们首先来看下效果:
来看下这个效果中的JS:
<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的一个很简单的应用,我也是初学,多多交流...
您可能感兴趣的文章:
jquery的focus函数用法示例
关于HTML5 input placeholder 的颜色修改
Jquery 监视按键、回车键触发事件的实例
jQuery focus() 方法
用js实现输入提示(自动完成)
CSS透明实现方法
jQuery1.9升级和删除的API指南
javascript基础知识(10)-其他对象
JavaScript打印iframe内容的方法
jQuery :focus 选择器