快捷導(dǎo)航

基于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)代碼。

 
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 () { //每０.２豪秒去執(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") { //被處理的事件源對(duì)象它的名稱（即ＨＴＭＬ標(biāo)記）轉(zhuǎn)為大寫后如果是INPUT 
var input = e.target; 
if (input.type == "text") { 
if (window.Page_FocusTimer) { 
window.clearTimeout(window.Page_FocusTimer); 
} 
} 
} 
}); 
} 

您可能感興趣的文章:

焦點(diǎn)

相關(guān)文章

jQuery與其它庫(kù)沖突的解決方法
在jQuery庫(kù)中，幾乎所有的插件都被限制在它的命名空間里。全局的對(duì)象都很好地存儲(chǔ)在jQuery命名空間里，因此當(dāng)把jQuery和其它javascript類庫(kù)一起使用時(shí)，不會(huì)引起沖突.
2010-06-06
jquery調(diào)整表格行tr上下順序?qū)嵗v解
這篇文章主要為大家介紹了jquery調(diào)整表格行tr上下順序?qū)嵗哂幸欢ǖ膮⒖純r(jià)值，感興趣的朋友可以參考一下
2016-01-01
Jquery升級(jí)新版本后選擇器的語法問題
今天在工作中需要用到j(luò)Query組件里面的TomBox，可是發(fā)現(xiàn)以往做的Tombox失效了
2010-06-06
jQuery對(duì)象和DOM對(duì)象的相互轉(zhuǎn)化實(shí)現(xiàn)代碼
jQuery對(duì)象就是通過jQuery包裝DOM對(duì)象后產(chǎn)生的對(duì)象。jQuery對(duì)象是jQuery獨(dú)有的，其可以使用jQuery里的方法，但是不能使用DOM的方法；例如$("#img").attr("src","test.jpg"); 這里的$("#img")就是jQuery對(duì)象；
2010-03-03
AngularJS中的JSONP實(shí)例解析
本文對(duì)AngularJS中的JSONP實(shí)例解析。需要的朋友可以參考下
2016-12-12
jQuery使用手冊(cè)之三 CSS操作
jQuery使用手冊(cè)之三 CSS操作...
2007-03-03
基于JQuery實(shí)現(xiàn)的類似購(gòu)物商城的購(gòu)物車
使用JQuery Clone 模板來實(shí)現(xiàn)商品信息的展示，展現(xiàn)形式可以通過修改模板中的td來確定每一行顯示多少個(gè)商品信息
2011-12-12
jQuery 全選/反選以及單擊行改變背景色實(shí)例
通過jQuery實(shí)現(xiàn)全選或反選以及單擊行改變背景色，具體代碼如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助
2013-07-07
jQuery實(shí)現(xiàn)網(wǎng)頁抖動(dòng)的菜單抖動(dòng)效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)網(wǎng)頁抖動(dòng)的菜單抖動(dòng)效果,鼠標(biāo)滑過菜單項(xiàng)可見到菜單項(xiàng)的抖動(dòng)效果,涉及jquery鼠標(biāo)事件及頁面元素樣式動(dòng)態(tài)操作的技巧,需要的朋友可以參考下
2015-08-08
jQuery點(diǎn)擊其他地方時(shí)菜單消失的實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery點(diǎn)擊其他地方時(shí)菜單消失的實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了jQuery實(shí)現(xiàn)點(diǎn)擊其他地方讓菜單消失的實(shí)現(xiàn)思路與解決方法,需要的朋友可以參考下
2016-04-04