1. ホーム
  2. javascript

[解決済み] テキストボックスのonchange()イベントで古い値を取得する方法

2022-12-15 11:35:27

質問

テキスト入力があります。ページがロードされると、値がそこに入力されます。ユーザーがテキストボックス内の何かを変更した場合、私は変更された値(新しい値)と古い値を取得したいと思います。しかし ELEMENT.value を呼び出すと、変更された値/新しい値のみが返されます。

古い値を取得するにはどうすればよいですか?

以下は私のコードです。

      <head>
        <script type="text/javascript">
          function onChangeTest(changeVal) {
            alert("Value is " + changeVal.value);
          }
        </script>
      </head>
      <body>
        <form>
          <div>
              <input type="text" id="test" value ="ABS" onchange="onChangeTest(this)">  
          </div>
        </form>
      </body>

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

element.defaultValue を実行すると、元の値が表示されます。

初期値にしか効きませんのでご注意ください。

もしこれが、値が変わるたびに "old"値を持続させる必要があるなら、エキスパンドプロパティまたは同様のメソッドがあなたのニーズを満たします。