TextAreaに入力するたびに関数を実行する

JavaScript

2023年7月2日

TextAreaに入力するたびに関数を実行する方法です。 onkeyup で発火させる関数を指定します。

index.html

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="script.js"></script>
</head>
<body>
  <input id="text" type="text" value="" onkeyup="update(this)" />
</body>
</html>

script.js

function update(target) {
    const text = document.getElementById("text").value;
    console.log(text);
}