Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 文本区域焦点的问题_Javascript_Html_Css - Fatal编程技术网

Javascript 文本区域焦点的问题

Javascript 文本区域焦点的问题,javascript,html,css,Javascript,Html,Css,当我在文本区内单击时,它的行为非常奇怪。。当我点击时,光标会出现在那里,如果我点击文本区域的中间,它就会出现在那里,我希望它会出现在开始的地方,无论我在哪里点击,就像在这里一样,当问问题时,无论你在文本区域内点击,它都会将光标带到最左上方。我能做些什么来解决这个问题 编辑: 我之所以要解决这个问题,是因为我在数据库中得到了额外的空间 下面是一些代码: <textarea class="passage" name="texti" rows="5" cols="10">

当我在文本区内单击时,它的行为非常奇怪。。当我点击时,光标会出现在那里,如果我点击文本区域的中间,它就会出现在那里,我希望它会出现在开始的地方,无论我在哪里点击,就像在这里一样,当问问题时,无论你在文本区域内点击,它都会将光标带到最左上方。我能做些什么来解决这个问题

编辑:

我之所以要解决这个问题,是因为我在数据库中得到了额外的空间

下面是一些代码:

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

我对您描述的行为的唯一解释是文本区域中有大量空白。在空文本区域中,光标应始终自动跳到左侧

我对您描述的行为的唯一解释是文本区域中有大量空白。在空文本区域中,光标应始终自动跳到左侧

它的行为是这样的,因为标签之间有空间。如果一开始不希望有空间,请执行以下操作:

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


中,标签之间的任何内容都是初始内容。

这样做是因为标签之间有空间。如果一开始不希望有空间,请执行以下操作:

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


中,标签之间的任何内容都是初始内容。

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

  • 尝试重命名textarea
  • 如果问题仍然存在,请尝试找到可能用空格更新文本区域的方法或函数
  • 如果找不到该方法,请在ContextChanged事件上编写一行代码

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

  • 我曾经使用过这个isuue,这是因为一个错误的javascript函数,我从来没有在我的应用程序中使用过它

  • 尝试重命名textarea
  • 如果问题仍然存在,请尝试找到可能用空格更新文本区域的方法或函数
  • 如果找不到该方法,请在ContextChanged事件上编写一行代码

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

  • 如果真的没有办法修复它,因此标记会给您一个真正的空文本区域,那么您可以使用一些javascript来设置单击时的光标位置:

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

    如果真的没有办法修复它,因此标记会给您一个真正的空文本区域,那么您可以使用一些javascript来设置单击时的光标位置:

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

    这是什么浏览器?你能展示一些代码吗?@Pekka嗨,我更新了我的问题,我看不出它为什么会在页面加载时添加空白,是否有值(val())或text()可能将其设置为“”空字符串。这是在哪个浏览器上?你能展示一些代码吗?@Pekka嗨,我更新了我的问题,我看不出它为什么会在页面加载时添加空白,是否有值(val())或text()可能将其设置为“空字符串”。@Nick,+1。我相信这是正确的答案@c0mrade试试这个,你的问题就会解决。@Nick,+1。我相信这是正确的答案@c0mrade试试这个,你的问题就会解决。