ホームページ  >  記事  >  ウェブフロントエンド  >  js (jquery)_javascript スキルでテキスト ボックスのフォーカスを取得または失う方法

js (jquery)_javascript スキルでテキスト ボックスのフォーカスを取得または失う方法

WBOY
WBOYオリジナル
2016-05-16 17:47:151595ブラウズ

まず入力に直接書かれた JavaScript を見てみましょう

コードをコピーします コードは次のとおりです:




jquery 実装メソッド

要素のフォーカス イベントには、jQuery のフォーカス関数 focus()、blur() を使用できます。

focus(): JavaScript の onfocus と同様に、フォーカスを取得するときに使用されます。
例:
コードをコピー コードは次のとおりです:

$(" p").focus(); または $("p").focus(fn)

blur(): onblur と同じように、フォーカスが失われたときに使用されます。
例:
コードをコピー コードは次のとおりです:

$(" p").blur(); または $("p").blur(fn)

インスタンス
コードをコピー コードは次のとおりです:


ここではラベルがテキスト ボックスをカバーしており、スタイル



jQuery コード

コードをコピー コードは次のとおりです:
$(function() {
$('#searchKey').focus(function() {
$('#lbSearch') .text( '');
});
$('#searchKey').blur(function() {
var str = $(this).val();
str = $.trim (str);
if(str == '')
$('#lbSearch').text('シェンマを検索しますか?')
}); 🎜>

わかりました、かなり良いです
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。