jquery - 在 focusout() 上附加文本以形成输入元素值

Question

当输入表单元素失去焦点时，我想将“已保存”文本附加到输入表单元素中的值。我尝试了以下方法，但似乎不起作用。

我的元素：

<div class="info small">
   <span class="element">
        <label for="email">Email</label><br />
        <input type="text" id="email" value="" />
   </span>
</div>

我的 jQuery：

$('div.info').on('keyup', 'input', function(event){
    $id = $(this).parent().parent().attr('id');
    $id = parseInt($id);
    $field = $(this).attr('id');
    $text = $(this).val();
    updateField($id, $field, $text);
});

$('div.info').on('focusout', 'input', function(event){
    $('input').append(' saved.');
});

Answer 1

使用.blur()和设置val输入：

$('div.info').on('blur', 'input', function(event){
    var currentVal = this.value;
    $('.input').val(currentVal + ' saved.');
});

Answer 2

据我所知，您希望输入具有给定值加上“已保存”。：

$('div.info').on('focusout', 'input', function(event){
    $(this).val(this.value + " saved.");
});

当然，如果你多次关注输入，它会多次附加它，但我会把这个问题留给你去解决。

JSFiddle