ぼかしイベントの機能が正しく機能していません

Question

フォームに2つの入力テキストフィールドがあります。両方の入力はスパンでバインドされます。

onblurの関数を呼び出して、両方の入力を消す両方の入力フィールドのイベントを呼び出します。
最初のテキストフィールドに値を入力してから2番目のテキストフィールドをクリックすると、両方の入力フィールドが消えます。
私は 'onblur'イベントで関数を呼び出したことを知っていますが、少なくとも2番目の入力フィールドをクリックする必要があります。

Answer 1

あなたの入力フィールドの両方がbluredになるのを再開すると、あなたはIDを使用していません。
あなたの入力の両方が自分でそれらをぼかし個別IDの

<input id="firstInput" type="text"/> 
<input id="secondInput" type="text"/> 

をフィールドと与えることができる：

$('#firstInput').on("click",function(){ 
     $(this).hide(); 
}; 
$('#secondInput').on("click",function(){ 
     $(this).hide(); 
}; 

注：.on()は唯一のjQuery 1.7以降で動作します。すでに彼のコードで述べたようgdoron：あなたは下位バージョンを使用している場合.bind()または.click()

EDITを使用しています。 input$('input')フィールドを.hide()に設定している可能性がありますが、フォーカスを失った実際の入力フィールドのみを非表示にするとよいでしょう（$(this).hide();）。

Answer 2

は、あなたのコードは、おそらく次のようになります。

$('input').blur(function(){ 
     $('input').hide(); 
    }); 

あなたが必要とする一方で、この：

$('input').blur(function(){ 
     $(this).hide(); 
    }); 

ぼかしコールバック内のすべてのテキストボックスを選択しないでくださいは、フォーカスを失っただけを隠します（thisを使用）。