Question

我有一些带有内联标签的表单。我有一些javascript（jQuery）可以检测焦点何时发生变化，或者当用户输入更改类的文本时，内联标签消失并且不会阻止用户查看其输入的文本。

当浏览器自动填充表单时，我遇到了问题。以下所有条件均未触发，因此无法清除内联标签。如何检测通过自动填充输入文本的事实，以便我可以清除标签？

我正在使用的js（来自http://www.zurb.com/playground/inline-form-labels）：

$( document ).ready(
    function()
    {
      $( "label.inlined + .input-text" ).each(
          function( type )
          {
            $( this ).focus( function()
            {
              $( this ).prev( "label.inlined" ).addClass( "focus" );
            } );
            $( this ).keypress(
                function()
                {
                  $( this ).prev( "label.inlined" ).addClass( "has-text" )
                      .removeClass( "focus" );
                } );
            $( this ).blur(
                function()
                {
                  if( $( this ).val() == "" )
                  {
                    $( this ).prev( "label.inlined" ).removeClass( "has-text" )
                        .removeClass( "focus" );
                  }
                } );
          } );
    } );

谢谢！

布赖恩

Answer 1

您是否尝试过change活动？

检测自动完成

1 个答案: