2

コードは次のとおりです。

$("#textyt:input").focus(function() {
 $(this).animate({width:"545px"},500).css("color","#614A3E");
 $(this).select();
 $(this).mouseup(function(e){
  e.preventDefault();
 });
});

アニメーション効果を取り除くと、このフォーカスイベントによってテキストが選択されます（必要に応じて）。アニメーション効果を使用すると、Firefoxでアニメーションが実行されるときにテキストの選択が解除されます。これは、Safariではそのままで正常に機能します。アニメーションがFFで終了したときに、テキストが引き続き選択されていることを確認する方法はありますか？ありがとう！

4

1 に答える 1

3

使用してみてください：

 this.focus();
 this.select();

アニメーションの後。

アニメーションが完了した後、テキストが選択されます。widthアニメーションは、CSS widthプロパティを動的に変更することで機能し、Firefoxでフォーカスを失う可能性がありますが、実際のテキストエリアではなく、コンテナ要素の幅を変更することをお勧めします。

$("#textyt:input").focus(function() {
    $(this).animate(
        {width:"545px"}, 500, function(){
            this.focus();
            this.select();
        }).css("color","#614A3E");
     $(this).select();
     $(this).mouseup(function(e){
         e.preventDefault();
     });
});
于 2009-10-17T02:50:09.390 に答える