Добавить значение для ввода путем нажатия

Question

У меня есть поле ввода, по щелчку значение становится *, когда я теряю поле фокусировки, становится чистым. Как добавить дополнительный * для ввода каждым нажатием кнопки?

$('body').append("<input type='text' />"); 

$('input').click(function() { 
    $(this).val('*'); 
}); 

$('input').mouseleave(function() { 
    $(this).val(''); 
}); 

Answer 1

Вы заменяете значение поля ввода. Вы хотите добавить к нему. Изменение $(this).val('*'); в $(this).val($(this).val() + '*'));

Answer 2

Ваш вызов mouseleave() - это то, что делает поле пустым. Если для каждого щелчка вы хотите добавить звездочку:

$('input').click(function() { 
    $(this).val('*' + $(this).val()); 
}) 

Answer 3

Использование переменной вне функции для хранения *

$('body').append("<input type='text' />"); 

var inputVal=""; 

$('input').click(function() { 
    inputVal +="*"; 
    $(this).val(inputVal); 
}) 

$('input').mouseleave(function() { 
    $(this).val(''); 
})