时间:2021-05-25
今天在做我们的表单提交部分的时候,遇到了这个问题,于是,用传说中的jquery就可以解决了.
这里主要说的是在IE下的focus的问题,因为在firefox中是支持
复制代码 代码如下:
input:focus
textarea:focus
在IE下:focus是无效的,所以,我们要在点击以后给input和textarea加上新的样式以配合实现:focus效果.
我们首先来看下效果:
来看下这个效果中的JS:
<scriptlanguage="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:1pxsolid#CCC;}
input:focus,textarea:focus{background:#FFFFF7;}
这是jquery的一个很简单的应用,我也是初学,多多交流...
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
form中的单行文本获取和失去焦点复制代码代码如下:input:focus,textarea:focus{border:1pxsolid#f00;backgro
本文实例讲述了JavaScript实现为input与textarea自定义hover,focus效果的方法。分享给大家供大家参考。具体如下:这里演示JavaSc
本文实例分析了jQuery表单域选择器用法。分享给大家供大家参考。具体如下:表单域是指网页中的input,textarea,select和button元素。1.
复制代码代码如下://回车跳转jQuery(document).ready(function(){//$(':input:text:first').focus(
本文实例讲述了jQuery替换textarea中换行的方法。分享给大家供大家参考。具体分析如下:昨天同事在学习jQuery的时候,希望使用替换掉textarea