ホームページ > ウェブフロントエンド > jsチュートリアル > jquery 実装に基づいて、ページ上の空のテキスト ボックスに移動すると、そこがフォーカスになり、外に移動すると focus_jquery がクリアされます。

jquery 実装に基づいて、ページ上の空のテキスト ボックスに移動すると、そこがフォーカスになり、外に移動すると focus_jquery がクリアされます。

WBOY
リリース: 2016-05-16 18:04:31
オリジナル
913 人が閲覧しました
コードをコピー コードは次のとおりです。

var Page_INIT = function () {
$( document).bind("mouseover", function (e) {//mouse は
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) { }
}
},
}
}
}).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)
}
}
}
}

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート