基于jquery實(shí)現(xiàn)的移入頁面上空文本框時(shí),讓它變?yōu)榻裹c(diǎn),移出清除焦點(diǎn)
更新時(shí)間:2011年07月26日 20:19:45 作者:
基于jquery實(shí)現(xiàn)的移入頁面上空文本框時(shí),讓它變?yōu)榻裹c(diǎn),移出清除焦點(diǎn)的實(shí)現(xiàn)代碼。
復(fù)制代碼 代碼如下:
var Page_INIT = function () {
$(document).bind("mouseover", function (e) {//鼠標(biāo)移入
if (e.target.tagName.toUpperCase() == "INPUT") {
var input = e.target;
if (input.type == "text") {//如果是文本框
if (window.Page_FocusTimer) {//如果處于焦點(diǎn)狀態(tài)
window.clearTimeout(window.Page_FocusTimer);//清除焦點(diǎn)狀態(tài)
}
window.Page_FocusTimer = window.setTimeout(function () { //每0.2豪秒去執(zhí)行這個(gè)匿名方法一次
if (!input.value) {//如果內(nèi)容為空,則設(shè)為焦點(diǎn)
try {
input.focus();
} catch (e) { }
}
}, 200);
}
}
}).bind("mouseout", function (e) {//鼠標(biāo)移出
if (e.target.tagName.toUpperCase() == "INPUT") { //被處理的事件源對象它的名稱(即HTML標(biāo)記)轉(zhuǎn)為大寫后如果是INPUT
var input = e.target;
if (input.type == "text") {
if (window.Page_FocusTimer) {
window.clearTimeout(window.Page_FocusTimer);
}
}
}
});
}
您可能感興趣的文章:
- JQuery設(shè)置文本框和密碼框得到焦點(diǎn)時(shí)的樣式
- jquery關(guān)于頁面焦點(diǎn)的定位(文本框獲取焦點(diǎn)時(shí)改變樣式 )
- JQuery中使文本框獲得焦點(diǎn)的方法實(shí)例分析
- jQuery實(shí)現(xiàn)回車鍵(Enter)切換文本框焦點(diǎn)的代碼實(shí)例
- js/jquery獲取文本框輸入焦點(diǎn)的方法
- jQuery 文本框得失焦點(diǎn)的簡單實(shí)例
- 表單類各種類型(文本框)失去焦點(diǎn)效果jquery代碼
- 在js(jquery)中獲得文本框焦點(diǎn)和失去焦點(diǎn)的方法
- jQuery文本框得到與失去焦點(diǎn)動(dòng)態(tài)改變樣式效果
相關(guān)文章
jQuery實(shí)現(xiàn)的頁面詳情展開收起功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的頁面詳情展開收起功能,涉及jQuery事件綁定及頁面元素屬性動(dòng)態(tài)修改相關(guān)操作技巧,需要的朋友可以參考下2018-06-06jQuery使用before()和after()在元素前后添加內(nèi)容的方法
這篇文章主要介紹了jQuery使用before()和after()在元素前后添加內(nèi)容的方法,實(shí)例分析了jQuery中before()和after()方法添加內(nèi)容的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03jquery validation驗(yàn)證身份證號,護(hù)照,電話號碼,email(實(shí)例代碼)
jquery validation驗(yàn)證身份證號,護(hù)照,電話號碼,email(實(shí)例代碼)。需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11jQuery實(shí)現(xiàn)簡單彈出框效果實(shí)例
這篇文章主要給大家介紹了關(guān)于jQuery實(shí)現(xiàn)簡單彈出框效果的相關(guān)資料,幾天一直在研究JQuery,確實(shí)很好用,有很多需求都是要彈出框,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06jquery 表單進(jìn)行客戶端驗(yàn)證demo
用jquery對表單進(jìn)行客戶端驗(yàn)證demo ,學(xué)習(xí)jquery的朋友可以參考下。2009-08-08