textarea焦点的问题

时间:2010-03-14 11:11:04

标签: javascript html css

我的textarea表现得非常奇怪,当我在里面点击它时...当我点击时光标出现在那里,如果我点击它出现在textarea的中间,我希望它出现在开头的任何地方我点击里面,就像在问这个问题时,无论你在textarea里面点击什么,它都会把你的光标移到最左边。我该怎么做才能解决这个问题?

修改

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

以下是一些代码:

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

CSS:

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

4 个答案:

答案 0 :(得分:8)

它的行为方式是因为 空间位于您的代码之间。如果您最初不想要空间,请执行以下操作:

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

<textarea>中的标签之间是什么,这是初始内容。

答案 1 :(得分:1)

我所描述的行为的唯一解释是textarea中有很多空格。在空文本区域中,光标应始终自动跳转到左侧。

答案 2 :(得分:1)

如果真的没办法你可以修复它以便标记为你提供一个真正空的textarea,你可以使用这样的一些javascript设置光标位置onclick:

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

答案 3 :(得分:-1)

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

  1. 尝试重命名textarea。
  2. 如果问题仍然存在,请尝试查找可能用空格更新textarea的方法或函数。
  3. 如果找不到方法,请在OnTextChanged事件上写一行代码

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