jquery - 如何在光标经过后回滚禁用输入的原始宽度？

Question

光标经过后，如何将这个禁用的输入回滚到原始宽度，我已经尝试过使用.blur，但不起作用。

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

请参阅以下示例:- http://jsfiddle.net/DCjYA/188/

Answer 1

不确定您需要什么，但您可以尝试聚焦:

$('input').focus(function(){
if ($(this).val().length > 20) {
$(this).attr('data-default', $(this).width());
$(this).animate({width: 300}, 'slow');
$(this).parent().addClass('cooling');
}
}).blur(function(){ /* lookup the original width */
var w = $(this).attr('data-default');
$(this).animate({
width: w
}, 'slow');
$(this).parent().removeClass('cooling');
});

fiddle :http://jsfiddle.net/DCjYA/192/