1. ホーム
  2. javascript

[解決済み] html <input type="text" /> onchange イベントが動作しない。

2023-01-25 11:42:29

質問

ある実験を行おうとしています。私が起こしたいことは、ユーザーがテキストボックスに何かを入力するたびに、それがダイアログボックスに表示されることです。私は onchange イベントプロパティを使用しましたが、うまくいきません。やはり投稿ボタンを押さないと動かないようです。AJAXについて読んだので、これについて勉強しようと思っています。それとも、シンプルなJavaScriptで十分なのでしょうか?どうか助けてください。

index.php

<script type="text/javascript" src="javascript.js"> </script>

<form action="index.php" method="get">
 Integer 1: <input type="text" id="num1" name="num1" onchange="checkInput('num1');" /> <br />
 Integer 2: <input type="text" id="num2" name="num2" onchange="checkInput('num2');" /> <br />
 <input type="submit" value="Compute" />
</form>

javascript.js

function checkInput(textbox) {
 var textInput = document.getElementById(textbox).value;

 alert(textInput); 
}

どのように解決するのですか?

onchange がトリガーされるのは、コントロールがブレているときだけです。試す onkeypress を使ってみてください。