文本区域焦点问题答案

【问题标题】：Problems with textarea focus文本区域焦点问题
【发布时间】：2010-03-14 11:11:04
【问题描述】：

我的 textarea 表现得很奇怪，当我在里面点击时.. 当我点击时光标出现在那里，如果我点击 textarea 的中间，它就会出现在那里，我希望它出现在开头的任何地方我点击里面，就像在这里问问题时一样，无论你在 textarea 内点击什么地方，它都会将你的光标带到最左上角。我能做些什么来解决这个问题？

编辑：

我想要解决这个问题的原因是因为我在数据库中获得了额外的空间。

这是一些代码：

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

CSS：

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

【问题讨论】：

这是什么浏览器？你能显示一些代码吗？
@Pekka 嗨，我更新了我的问题，我看不出为什么它会在页面加载时添加空白空间，是否可以设置 value(val()) 或 text()它为“”空字符串。

标签： javascript html css

【解决方案1】：

之所以如此，是因为在您的标签之间有空格。如果您最初不想要空间，请执行以下操作：

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

<textarea> 中的标签之间的任何内容都是初始内容。

【讨论】：

@尼克，+1。我确信这是正确的答案。 @c0mrade 试试这个，你的问题就会解决。

【解决方案2】：

我对你描述的行为的唯一解释是文本区域中有很多空白。在空的文本区域中，光标应该总是自动跳到左边。

【讨论】：

【解决方案3】：

如果你真的无法修复它，以便标记为你提供一个真正空的文本区域，你可以使用一些类似这样的 javascript 来设置光标位置 onclick：

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

【讨论】：

【解决方案4】：

我曾经遇到过这个问题，这是因为一个错误的 javascript 函数，我从未在我的应用程序中使用过它。

尝试重命名文本区域。
如果问题仍然存在，请尝试查找可以用空白更新文本区域的方法或函数。

如果找不到方法，在 OnTextChanged 事件上写一行代码

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

【讨论】：