keyup, keydown

キーボード入力の感知

keyup : キーが上がったとき、つまりキーから手を離したときにイベントが起こる

keydown : キーが下がったとき、つまりキーを押したときにイベントが起こる

<textarea class='text' name='' id='' cols='30' rows='10'></textarea>
<p><span class='string'></span>文字</p>

<script>

const text = document.
const string = document.

text.addEventLisnter("keyup", ()=>{
  const inputText = text.value;
  string.innerHTML = inputText.length;
});

text.addEventLisnter("keydown", (e)=>{
  if(e.keyCode === 39){ console.log(''); }
  if(e.key === 'Enter'){ console.log('enter'); }
  if(e.shiftKey && e.key === 'Enter') { console.log('同時押し'); }
});
</script>