ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery は、マウス フォーカスが in および out_jquery に移動すると、フォーム入力内のプロンプト テキスト値を表示または非表示にするコードを実装します。

jQuery は、マウス フォーカスが in および out_jquery に移動すると、フォーム入力内のプロンプト テキスト値を表示または非表示にするコードを実装します。

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


<入力値="パスワードを入力してください" type="テキスト">
<入力値="送信" type="送信"> ;
$(function(){
//入力ボックスのテキストの色を制御します
$("input:not(:last)").css("color","#999") ;
} );
//マウスのフォーカスがユーザー名ボックスに移動し、テキストが消えます
$("input:first").click(function () {
var check1 = $(this ).val();
if (check1 == this.defaultValue) {
$(this).val("");
});ユーザー名ボックスのフォーカスが移動し、テキスト Display
$("input:first").blur(function () {
$(this).val(this.defaultValue);
} );
//パスワードボックスにマウスフォーカスを入力すると、テキストが消えます
$("input:eq(1)").click(function () {
var check2 = $(this).val ();
if (check2 == this.defaultValue) {
$(this).val("");
}
//パスワード ボックスのマウス フォーカスが移動され、テキストが表示されます
$("input:eq(1)").blur (function () {
$(this).val(this.defaultValue);
}); )


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