使用jquery給input和textarea設(shè)定ie中的focus
更新時間：2008年05月29日 19:43:56 作者：
在瀏覽網(wǎng)站的過程中，我們經(jīng)?？梢钥匆姰斒髽它c擊后樣式改變的文本框和文本域,那么這種效果是如何實現(xiàn)的呢?
今天在做我們的表單提交部分的時候,遇到了這個問題,于是,用傳說中的jquery就可以解決了.
這里主要說的是在IE下的focus的問題,因為在firefox中是支持
input:focus
textarea:focus
在IE下:focus是無效的,所以，我們要在點擊以后給input和textarea加上新的樣式以配合實現(xiàn):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的一個很簡單的應(yīng)用,我也是初學,多多交流...
這里主要說的是在IE下的focus的問題,因為在firefox中是支持
復(fù)制代碼 代碼如下:
input:focus
textarea:focus
在IE下:focus是無效的,所以，我們要在點擊以后給input和textarea加上新的樣式以配合實現(xiàn):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的一個很簡單的應(yīng)用,我也是初學,多多交流...
您可能感興趣的文章:
- jquery清空textarea等輸入框?qū)崿F(xiàn)代碼
- jQuery textarea的長度進行驗證
- JQuery為textarea添加maxlength屬性的代碼
- jquery實現(xiàn)textarea輸入框限制字數(shù)的方法
- textarea中的手動換行處理的jquery代碼
- Jquery實現(xiàn)點擊按鈕,連續(xù)地向textarea中添加值的實例代碼
- jQuery替換textarea中換行的方法
- TextArea不支持maxlength的解決辦法(jquery)
- 基于jquery的textarea發(fā)布框限制文字字數(shù)輸入(添加中文識別)
- jquery實現(xiàn)限制textarea輸入字數(shù)的方法
相關(guān)文章
本文主要介紹了jquery判斷密碼強度的驗證代碼，這是一個非常常見的功能，在輸入密碼的時候提示密碼的強度，本文使用jQuery來實現(xiàn)，有需要的小伙伴可以參考下。2015-11-11
jquery實現(xiàn)加載更多"轉(zhuǎn)圈圈"效果(示例代碼)
這篇文章主要介紹了jquery實現(xiàn)加載更多"轉(zhuǎn)圈圈"效果，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-11-11
jQuery實現(xiàn)參數(shù)自定義的文字跑馬燈效果
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)參數(shù)自定義的文字跑馬燈效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-08-08
jquery全選checkBox功能實現(xiàn)代碼(取消全選功能)
這篇文章主要介紹了jquery實現(xiàn)checkBox全選功能、取消全選功能，代碼簡單，大家可以直接參考使用2013-12-12
ajax跨域請求的問題，JQuery對于Ajax的跨域請求有兩類解決方案，不過都是只支持get方式，接下來為大家詳細介紹下客戶端JQuery.ajax的調(diào)用代碼2013-04-04
這篇文章主要為大家詳細介紹了jquery+CSS3實現(xiàn)3D拖拽相冊效果的具體代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-07-07
這篇文章主要介紹了jquery加載單文件vue組件的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
下面小編就為大家?guī)硪黄狫query attr()方法 屬性賦值和屬性獲取詳解。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考2016-04-04
這篇文章主要為大家詳細介紹了jquery實現(xiàn)邊框特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
實例講解jquery中mouseleave和mouseout的區(qū)別
這篇文章主要以實例詳細講解了jquery中mouseleave和mouseout的區(qū)別，模仿下拉框效果，感興趣的小伙伴們可以參考一下2016-02-02