無効な要素の呼び出し関数

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はイベントを使用することができますが、私はそれを見つけることができませんでしたが、私は見つけましたの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