表格输入焦点进/出

时间:2011-07-01 12:52:50

标签: jquery focus focusout

我有一些登录表单,如果设置了要记住的电子邮件,它将预先填入电子邮件输入。 我想要的是,如果单击电子邮件输入,内容(实际的电子邮件)将淡出,但如果他点击,则电子邮件将再次显示。 但我只是设法使电子邮件淡出,我不知道热,以恢复焦点的旧值。代码:

         $(document).ready(function () {
         $('input').focus(function() {
         $(this).val("");
         });
         $('input').focusout(function() {
         $(this).val();
   });
   });

关于什么应该是焦点的价值的任何想法,以便在那里出现旧的记忆价值(电子邮件)?

谢谢!

3 个答案:

答案 0 :(得分:1)

我通常会在字段的title属性中保存“default”值,以便在模糊时轻松检索:

$('.placeholder').live('focus', function() {
    if ( $(this).val() == $(this).attr('title') ) $(this).val('');
});
$('.placeholder').live('blur', function() {
    if ( $(this).val() == '' ) $(this).val($(this).attr('title'));
});

答案 1 :(得分:0)

你可以这样做:

   $(document).ready(function () {
         var oldemail;
         $('input').focus(function() {
            oldemail = $(this).val();
            $(this).val("");
         });
         $('input').focusout(function() {
             $(this).val(oldemail);
         });
   });

(只有一件事:这完全符合我的想法,但对我来说没有多大意义!)

答案 2 :(得分:0)

jquery中没有函数作为focusout。你可以使用模糊而不是..

$(document).ready(function () {
     $('input').focus(function() {
        $(this).val("");
     });
     $('input').blur(function() {
        $(this).val();
     });
});