ページが読み込まれると、テキストボックスと値が入力されます。ユーザーがテキストボックスで何かを変更した場合、変更された値（新しい値）と古い値を取得したいのですが、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>
</html>
前もって感謝します
回答:
element.defaultValue 元の値を提供します。
これは初期値でのみ機能することに注意してください。
変更するたびに「古い」値を保持するためにこれが必要な場合は、expandoプロパティまたは同様のメソッドがニーズを満たします
古い値を手動で保存する必要があります。さまざまな方法で保存できます。javascriptオブジェクトを使用して各テキストボックスの値を格納するか、非表示フィールドを使用するか（HTMLが多すぎるため、お勧めしません）、次のようにテキストボックス自体にexpandoプロパティを使用できます。
<input type="text" onfocus="this.oldvalue = this.value;" onchange="onChangeTest(this);this.oldvalue = this.value;" />
次に、変更を処理するjavascript関数は次のようになります。
<script type="text/javascript">
function onChangeTest(textbox) {
alert("Value is " + textbox.value + "\n" + "Old Value is " + textbox.oldvalue);
}
</script>
HTML5データ属性を使用する必要があります。独自の属性を作成し、それらにさまざまな値を保存できます。
よくわかりませんが、このロジックは機能するかもしれません。
var d = 10;
var prevDate = "";
var x = 0;
var oldVal = "";
var func = function (d) {
if (x == 0 && d != prevDate && prevDate == "") {
oldVal = d;
prevDate = d;
}
else if (x == 1 && prevDate != d) {
oldVal = prevDate;
prevDate = d;
}
console.log(oldVal);
x = 1;
};
/*
============================================
Try:
func(2);
func(3);
func(4);
*/
これを行うことができます：html要素にoldvalue属性を追加し、ユーザーがクリックしたときにsetoldvalueを追加します。次に、onchangeイベントはoldvalueを使用します。
<input type="text" id="test" value ="ABS" onchange="onChangeTest(this)" onclick="setoldvalue(this)" oldvalue="">
<script>
function setoldvalue(element){
element.setAttribute("oldvalue",this.value);
}
function onChangeTest(element){
element.setAttribute("value",this.getAttribute("oldvalue"));
}
</script>
たぶん、テキストボックスの以前の値を非表示のテキストボックスに保存できます。次に、hiddenから最初の値を取得し、textbox自体から最後の値を取得できます。これに関連する別の方法として、テキストボックスのonfocusイベントでテキストボックスの値を非表示フィールドに設定し、onchangeイベントで前の値を読み取ります。