keyup / keydown

Javascript

キーボード入力の感知

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

keydown : キーが下がったとき(キーを押したとき)に起こるイベント

HTML

<textarea></textarea>
<p><span class="number"></span>文字</p>

Javascript

const textarea = document.querySelector("textarea");
const number = document.querySelector(".number");

textarea.addEventListener("keyup", () => {
    const text = textarea.value;
    number.innerHTML = text.length; 
});

textarea.addEventListener("keydown", (e) => {
    if (e.key === "Enter") { console.log("Enter"); }
});
BACK