JavaScript 輸入框改變前紀錄舊值，並在更新後獲取新值

發表於 | 更新於 | 分類於

輸入框改變前紀錄舊值，並在更新後獲取新值

基本的範例

1
2
3
4
5
6
7
8
9
10
11
$('input').on('focusin', function(){
    console.log("Saving value " + $(this).val());
    $(this).data('val', $(this).val());
});

$('input').on('change', function(){
    var prev = $(this).data('val');
    var current = $(this).val();
    console.log("Prev value " + prev);
    console.log("New value " + current);
});

委派的事件處理

1
2
3
4
5
6
7
8
9
$(document).on('focusin', 'input', function(){
    console.log("Saving value " + $(this).val());
    $(this).data('val', $(this).val());
}).on('change','input', function(){
    var prev = $(this).data('val');
    var current = $(this).val();
    console.log("Prev value " + prev);
    console.log("New value " + current);
});

參考

0%