Передача var между двумя функциями Javascript/Jquery?

Question

Я использую Jquery для удаления значения по умолчанию в HTML-входе в фокусе.

Однако, если ничего не вводится на вход, я хочу, чтобы значение по умолчанию снова отображалось.

Чтобы попытаться сделать это, я создал:

$("#contact input").each(function(index) { 

     $(this).focus(function() { 
      var valvalue = $(this).val(); 
      $(this).val(''); 
     }); 

     $(this).focusout(function() { 
      var newvalvalue = $(this).val(); 
      if(newvalvalue == ''){ 
       $(this).val('', valvalue); 
      } 
     }); 

    }); 

focus() функция отлично работает, но переменная valvalue не получает подобран функции focusout.

Кто-нибудь знает способ передать переменную valvalue этой функции 2 focusout?

Answer 1

Вам необходимо сделать varvalue встряхиванием обоих обработчиков событий. Это можно сделать, объявив его вне сферы их применения.

$("#contact input").each(function(index) { 

    var valvalue; /* both event handlers can see it here */ 

    $(this).focus(function() { 
     valvalue = $(this).val(); 
     $(this).val(''); 
    }); 

    $(this).focusout(function() { 
     var newvalvalue = $(this).val(); 
     if(newvalvalue == ''){ 
      $(this).val('', valvalue); 
     } 
    });  

}); 

Answer 2

У вас возникла проблема с закрытием в JS. Попробуйте определить значение varvalue вне вашей функции, чтобы обе функции ссылались на одну и ту же переменную.

$("#contact input").each(function(index) { 
     var valvalue; 
     $(this).focus(function() { 
      valvalue = $(this).val(); 
      $(this).val(''); 
     }); 

     $(this).focusout(function() { 
      var newvalvalue = $(this).val(); 
      if(newvalvalue == ''){ 
       $(this).val('', valvalue); 
      } 
     }); 

    }); 

Answer 3

В дополнение к другим ответам, вы можете использовать placeholder свойства, доступные в HTML5, если вы не хотите, чтобы поддерживать старые браузеры.

<input type="text" name="name" placeholder="Enter here">