使用单个函数根据原始值清除焦点上的所有文本字段

Posted 2021-02-24

Clear all text fields on focus based on original value with single function. The code checks for a 'title' attribute on each input with class 'text' and compares this to the current value of the field.

var $originalValue = '';
 
$('.text').focus(function () {
	$(this).addClass('active');
	if ($(this).val() == $(this).attr('title')) {
		$originalValue = $(this).val();
		$(this).val('');
	}
});
 
$('.text').blur(function () {
	$(this).removeClass('active');
	if ($(this).val() == '') {
		$(this).val($originalValue);
	}
});