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