Maison > interface Web > js tutoriel > 使用jquery给input和textarea设定ie中的focus_jquery

使用jquery给input和textarea设定ie中的focus_jquery

WBOY
Libérer: 2016-05-16 19:04:11
original
813 Les gens l'ont consulté

今天在做我们的表单提交部分的时候,遇到了这个问题,于是,用传说中的jquery就可以解决了.
这里主要说的是在IE下的focus的问题,因为在firefox中是支持

复制代码 代码如下:

input:focus 
textarea:focus 

在IE下:focus是无效的,所以,我们要在点击以后给input和textarea加上新的样式以配合实现:focus效果.
我们首先来看下效果:
来看下这个效果中的JS:

<script> <BR>$(document).ready( <BR>function(){if($.browser.msie){ <BR>$("input[@type='text'], input[@type='password'], textarea").focus(function() {$(this).css({background:"#FFFFF7"});}) <BR>$("input[@type='text'], input[@type='password'], textarea").blur(function() {$(this).css({background:"#fff"});}) <BR>}}); <BR></script>


CSS这里这样定义:
input,textarea{border: 1px solid #CCC;}
input:focus,textarea:focus{background:#FFFFF7;}

这是jquery的一个很简单的应用,我也是初学,多多交流...
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal