.mousemove на IE8

Question

Что не так с .mousemove, потому что не стоит обращать внимание на IE8. Необходимо расширить запрещенные входы со значением> 20 символов. Только на IE8 не работает. И еще одна вещь, почему не перетаскивать назад после того, как курсор находится на другом элементе.

$('input[disabled]').mousemove(function(){
      if ($(this).val().length > 20) {
       $(this).attr('data-default', $(this).width());
       $(this).animate({width: 300}, 'slow');
      }
});

Проверьте скрипку: http://jsfiddle.net/DCjYA/183/

спасибо.

Answer 1

В этом случае вы должны использовать вместо этого атрибут readonly, поскольку это позволит дальнейшее взаимодействие с полем ввода.

ваш css

    input{
        margin:10px;
    }
    input.readonly {
        color: grey;
        cursor:default
    }

и ваша форма

<form action="form_action.asp" method="get">
      First name: <input type="text" name="fname" value="Foghorn Leghorn Foghorn Leghorn" readonly="true" class="readonly" /><br />
      Last name: <input type="text" name="lname" value="" readonly="true" class="readonly" /><br />
      Last name: <input type="text" name="lname" value="Foghorn Leghorn" readonly="true" class="readonly" /><br />
  <input type="submit" value="Submit form" style=""/>
</form>

и ваш JQuery

    $('input[readonly]').mousemove(function(){
       if ($(this).val().length > 20) {
                $(this).attr('data-default', $(this).width());
                $(this).animate({width: 300}, 'slow');
                $(this).parent().addClass('cooling');
              }
    });