Удалите знак доллара при вводе в поле ввода после щелчка снаружи, чтобы отобразить знак доллара в jQuery

Question

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

Answer 1

Вот решение, надеюсь, это поможет:

$(document).ready(function () {
var inputval = $('#myinput').val();
inputval = '$' + inputval
$('#myinput').val(inputval);
$("#myinput").on('focus', function() {

var temp = $(this).val().replace('$', '');
$(this).val(temp);
});

$("#myinput").on('blur', function() {

var temp = '$' + $(this).val();
$(this).val(temp);
});

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<input type="text" id="myinput" />

PS: я пытался использовать prepend() в текстовом поле blur, но это кажется устаревшим в версии jquery, на которую я ссылаюсь.