Функция вызова для отключенных элементов

Question

У меня есть функция, которая отлично работает, если вы хотите развернуть input type=text с более чем 20 символами. Моя проблема заключается в том, как применять эту функцию для отключенных входов? Для того, чтобы лучше понять поведение моей функции проверить мой пример на скрипке: http://jsfiddle.net/DCjYA/168/

$('input[type!="submit"]').focus(function(){ 
    if ($(this).val().length > 20) { 
     $(this).attr('data-default', $(this).width()); 
     $(this).animate({width: 300}, 'slow'); 
     $(this).parent().addClass('cooling'); 
    } 
}).blur(function(){ 
    var w = $(this).attr('data-default'); 
    $(this).animate({ 
     width: w 
    }, 'slow'); 
    $(this).parent().removeClass('cooling'); 
}); 

Спасибо.

Answer 1

Как Даниил сказал focus и blur событие не будет работать с disabledinput. Тогда для этой цели hover, mouseenter or mouseover, mouseleave or mouseout могут быть использованы события, но я не мог найти его работу, но я нашел mousemove для expanding. вы можете использовать его, он решает вашу проблему.

$('input:disabled').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/raj_er04/DCjYA/174/

Answer 2

Поскольку вы не можете сосредоточиться на отключенном элементе, вы должны создать обходной путь для этого. Или использовать для этого другую функцию?

EDIT: Возможно, это может быть полезно для вас: Event on a disabled input