文本區域焦點問題

Question

我的文本區域表現得很奇怪，當我在文本區域中單擊時..單擊時，光標出現在其中，如果我單擊文本區域的中部，它將出現在其中，並且我希望它出現在我單擊內部的任何地方的開頭，就像在提問時在SO上的此處一樣，無論您在文本區域內的何處單擊，都將光標移到最左上角。 我該怎么做才能解決此問題？

編輯：

之所以要解決此問題，是因為我在數據庫中得到了多余的空間。

這是一些代碼：

<textarea class="passage" name="texti" rows="5" cols="10">
                </textarea>

CSS：

.passage {
        color: #333;
        font-size: 12px;
        height: 80px;
        width: 279px;
    }

Answer 1

它的行為這種方式，因為有空間，在那里，你的標簽之間。 如果您最初不希望在那里有空間，請執行以下操作：

 <textarea class="passage" name="texti" rows="5" cols="10"></textarea>

無論<textarea>的標簽之間是什么，這都是初始內容。

Answer 2

我對您描述的行為的唯一解釋是在文本區域中有很多空白。 在空白的文本區域中，光標應始終自動跳到左側。

Answer 3

如果確實沒有辦法解決該問題，以使標記為您提供真正空白的文本區域，則可以使用類似以下的javascript來將光標位置設置為onclick：

function cursorTo00(area) {
  if (area.innerHTML.match(/^\s+$/)) {
    area.selectionStart = area.selectionEnd = 0;
  }
}

Answer 4

我曾經有這個問題，這是因為有一個錯誤的javascript函數，我從未在應用程序中使用過它。

如果找不到方法，請在OnTextChanged事件上寫一行代碼

 protected void TextArea1_OnTextChanged(object sender, eventArgs e) { TextArea1.Text = TextArea1.Text.trim(); //or TextArea1.Text = string.empty; }