Jquery 将文本追加到focusout()上的表单输入元素值

Jquery 将文本追加到focusout()上的表单输入元素值,jquery,forms,input,Jquery,Forms,Input,我想在输入表单元素的值失去焦点时,将“保存的”文本附加到该值。我试过以下方法,但似乎不起作用 我的元素: <div class="info small"> <span class="element"> <label for="email">Email</label><br /> <input type="text" id="email" value="" /> </span&

我想在输入表单元素的值失去焦点时,将“保存的”文本附加到该值。我试过以下方法,但似乎不起作用

我的元素:

<div class="info small">
   <span class="element">
        <label for="email">Email</label><br />
        <input type="text" id="email" value="" />
   </span>
</div>
使用
.blur()
并设置输入的
val

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

根据我收集的信息,您希望输入具有给定值加上“保存”:

$('div.info').on('focusout', 'input', function(event){
    $(this).val(this.value + " saved.");
});
当然,如果您多次关注输入之外的内容,它会多次附加它,但我将把这个问题留给您去尝试


可以,但我不希望它完全改变元素的值。如果可能的话,我想将其附加到用户输入的值中。@vanamerongen--将我的答案更新为accomodate。啊,是的,这也行。我要查一下模糊()和聚焦输出()的区别很好,这正是我想要的。很明显,最后一点你是对的,但这应该很容易用一个条件来解决。干杯。当然会的,很高兴能帮上忙
$('div.info').on('focusout', 'input', function(event){
    $(this).val(this.value + " saved.");
});