爲什麼textarea上的jquery.animate會使閃爍的光標消失？

Question

我有以下代碼

$(document).ready(function() { 
    $("#myTextArea").focus(function() { 
     $("#myTextArea").animate({ "height": "75px"}, "normal"); 
     return false; 
    }); 

擴大的文本框，當它獲得焦點。擴展發生，但閃爍的光標消失，至少在Firefox中！

編輯：文本區仍然是重點，我可以鍵入它。

爲什麼會發生這種情況？有沒有辦法再次顯示它？

在此先感謝

Answer 1

你return false語句被取消focus行動:)你只有當元素集中獲得一個光標，我只是從你的函數刪除此行。

除此之外，.focus()在文本區域是不是你可以很容易地回收，因爲它有這樣重要的位置，你最好用CSS改變在這裏堅持：

$("#myTextArea").focus(function() { 
    $(this).css({ "height": "75px" }); 
}); 

這根本不會影響遊標行爲，並且工作在saema跨瀏覽器（focus在瀏覽器中仍然不同），但當然不會生成動畫。另一種方法（我還沒有在所有的瀏覽器測試了這）是，你可以用動畫後相同ARGS再次觸發焦點，恢復位置，就像這樣：

$("#myTextArea").focus(function(e) { 
    if($(this).height() == 75) return; 
    $(this).animate({ height: 75}, "normal", function() { 
     $(this).blur().trigger(e); 
    }); 
});​ 

You can test this from here，只是一定要檢查所有瀏覽器，因爲focus行爲可以在它們之間略有不同。