DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 使用jquery給input和textarea設定ie中的focus
使用jquery給input和textarea設定ie中的focus
編輯：JQuery特效代碼
今天在做我們的表單提交部分的時候,遇到了這個問題,於是,用傳說中的jquery就可以解決了.
這裡主要說的是在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的一個很簡單的應用,我也是初學,多多交流...
這裡主要說的是在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的一個很簡單的應用,我也是初學,多多交流...
小編推薦
熱門推薦