使用事件监听器添加美元符号

Question

我对此很陌生 - 如何使用事件侦听器添加美元符号？目前我有：

let dol = document.querySelector('#dollar');

dol.addEventListener('keyup', function(e) { {
  dol.value = "$" + dol.value;
  }
});

但这会为每个数字添加一个美元符号。
我只需要前面的那个。

Answer 1

eten：只需检查

dol.value.startsWith("$")

...

let dol = document.querySelector('#dollar')
  ;
dol.addEventListener('keyup', e=>
  { 
  if (!dol.value.startsWith('$'))
  dol.value = "$" + dol.value;
  });

label { 
  margin      : .6rem;  
  display     : block;
  font-size   : .8rem;
  font-weight : bold;
  }
label * {
  box-sizing : border-box;
  display    : block;
  font-size  : 1rem;
  width      : 16rem;
  padding    : .2rem .3rem;
  }

<label>
  input for dollars...
  <input id="dollar" type="text" >
</label>