JS как заблокировать ввод в input до определенного знака?

Question

[kimqarkimqarkimqar]

Есть инпут и в нём через js подставляется знак $
Как сделать так, чтобы перед знаком доллара нельзя было ничего не печатать, а только чтобы после доллара можно было печатать?

<input class="buy-voucher__custom-input" onclick="changeSelectedVoucherJs(event)"
id="value-custom__voucher">

Answer 1

[irishmann]

Answer 2

[Alex]

Оставьте обычный input number и стилями воткните перед текстом знак доллара.

Answer 3

[sinneren]

1. регулярка, где на 0 позиции знак доллара, а потом всё остальное
2. скрипт, который всё обрежет до нужных симоволов или той же регуляркой и подставит конкатенацией знак доллара на 0 позицию
3. наложить блок в долларом, дать отступ инпуту на размер блока