.mousemove on IE8

Question

IE8で気をつけないでください.Mousemoveの問題は何ですか？無効な入力を値> 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'); 
       } 
    });