无法使用键盘在Chrome中选择满意的文字

Question

在Chrome中，当文字包含一个包裹到下一行的长字符串时，我无法使用Chrome中的键盘选择有意义的文字内容。

Chrome中的这个复制品（最新版本;我写这篇文章时的Chrome 47）。

重新执行

1. 点击将光标放在contentedtable div的 end 上（在下面的代码段中）。
2. 按住班次并多次点击向上箭头。

预期：所有文字都会被选中。

观察：从未选择空格前的文字（＆＃34; foo＆＃34;）。

这是代码。注意＆＃34; foo＆＃34;之后的字符。是一个空间，而不是换行符！

＆＃13;
＆＃13;
<div contenteditable="true" style="background: #ddd; width: 200px; height: 100px;">foo asdfjkl;asdfjkl;asdfjkl;asdfjkl;asdfjkl;asdfjkl;asdfjkl;</div>
＆＃13;
＆＃13;
＆＃13;

Answer 1

实际上，这是文本框的正确行为。

在这种情况下，您会看到不同行中的两个单词，因为第二个单词比容器宽，所以您看到换行符并尝试使用up arrow选择“foo”。

但是，正如你在问题中所说，在“foo”之后有一个空格字符，所以你必须使用left arrow来选择它。

想象一下相同的情况，但是使用全宽文本框，您只会尝试使用left arrow。此处仅更改样式，而不是特定内容的行为。