createTextRange - IE8 中的奇怪行为

Question

我有以下问题。在作为自动完成器工作的文本输入字段中，它返回的一些建议比它更弱。当你离开球场时，问题就来了。在 IE 中，文本光标位于建议字符串的末尾，因此您实际上只能看到它的最后一部分。所以我使用下面的代码来修复这个问题，它在 IE6 下工作，但在 IE8 下不起作用，该字段始终被选中，我无法选择页面上的任何内容。

我的问题是，在我离开输入字段后，将光标移动到输入字段开头的正确方法是什么？

$('#myAutocompleter').blur(function(){
  textRange = this.createTextRange();
  textRange.collapse(true);
  textRange.select();
});

（所使用的代码是用 jQuery 编写的。）

Answer 1

我相信您正在寻找的是文本范围的 .moveStart 和 .moveEnd 方法：

$('#myAutocompleter').blur(function(){
  textRange = this.createTextRange();
  textRange.collapse(true);
  textRange.moveEnd('character',0);
  textRange.moveStart('character',0);
  textRange.select();
});

（在 IE8 中测试功能）

Answer 2

我不确定我是否理解你的问题，但 IE 有自己的一套方法来处理页面上的文本选择，所以这就是它的行为不同的原因。

在这里查看教程：
http://www.quirksmode.org/dom/range_intro.html

这里是兼容性：
http://www.quirksmode.org/dom/w3c_range.html

如果不是您的问题，尝试在模糊内进行鼠标向上或单击事件检查并将选择代码放在那里？也许这会导致选择在将其放置在选择所在的位置之前从输入字段移开。

Answer 3

我也遇到过类似的情况，我想根据类似的事情来查看某些东西的顶部/底部。
我使用了 jQuery scrollTo 插件

).scrollTo('100%')

).scrollTo('0%')

编辑1：
我在这个领域使用它：

<textarea cols="57" rows="2" class="cssTextarea cptEntryArea"></textarea>

使用以下代码：

  $(".cptEntryArea").change(function()
        {
           $(this).scrollTo('0%');
   });