我該如何解決onclick-onblur問題？

Question

我有一個表格。 在其中，我有一個textarea，在單擊時會擴展。 但是有一個小問題：當用戶嘗試提交表單（單擊“提交”按鈕）時，文本區域會跳回其正常大小。 這是因為它使用了onblur函數。 我想消除這種尷尬，因為用戶必須單擊兩次“提交”按鈕才能提交表單。

我應該怎么做才能一鍵工作？

Answer 1

您可以在onblur處理程序中設置較短的超時時間，以縮小文本區域：

document.getElementById("textareaID").onblur = function () {
    var target = this;
    setTimeout( function () {
        //Code to shrink the textarea, use "target" instead of "this" for scoping reasons.
    }, 250);

}

Answer 2

textArea.addEventListener('blur', function(e) {
    e.preventDefault();
    return false;
}, true);

這會將偵聽器添加到blur事件中，以防止觸發其他任何事件，包括導致textarea調整大小的所有內容。 不過，您最好不要首先添加blur鈎子，而不是像這樣捕獲它。