DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 基於jquery實現的移入頁面上空文本框時,讓它變為焦點,移出清除焦點
基於jquery實現的移入頁面上空文本框時,讓它變為焦點,移出清除焦點
編輯:JQuery特效代碼     
代碼如下:
var Page_INIT = function () {
$(document).bind("mouseover", function (e) {//鼠標移入
if (e.target.tagName.toUpperCase() == "INPUT") {
var input = e.target;
if (input.type == "text") {//如果是文本框
if (window.Page_FocusTimer) {//如果處於焦點狀態
window.clearTimeout(window.Page_FocusTimer);//清除焦點狀態
}
window.Page_FocusTimer = window.setTimeout(function () { //每0.2豪秒去執行這個匿名方法一次
if (!input.value) {//如果內容為空,則設為焦點
try {
input.focus();
} catch (e) { }
}
}, 200);
}
}
}).bind("mouseout", function (e) {//鼠標移出
if (e.target.tagName.toUpperCase() == "INPUT") { //被處理的事件源對象它的名稱(即HTML標記)轉為大寫後如果是INPUT
var input = e.target;
if (input.type == "text") {
if (window.Page_FocusTimer) {
window.clearTimeout(window.Page_FocusTimer);
}
}
}
});
}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved