HTMLInputElement:selectionDirection 属性

selectionDirectionHTMLInputElement 接口的一个字符串属性,指示用户选择文本的方向。

一个字符串。它可以具有以下值之一:

forward

用户正在将选择范围扩展到输入文本的末尾。

backward

用户正在将选择范围扩展到输入文本的开头。

none

用户未扩展选择范围。

注意:在 Windows 上,方向指示插入符号相对于选择的位置:“forward”选择表示插入符号位于选择的末尾,“backward”选择表示插入符号位于选择的开头。Windows 没有“none”方向。

注意:在 Mac 上,方向指示当用户使用 Shift 键修饰符和方向键调整选择大小时,选择范围的哪一端会受到影响:“forward”方向表示选择范围的末尾被修改,“backward”方向表示选择范围的开头被修改。“none”方向是 Mac 上的默认方向,它表示尚未选择任何特定方向。用户在首次调整选择范围时会隐式设置方向,这取决于使用了哪个方向键。

示例

HTML

html
<label for="selectionDirection">selectionDirection property</label>
<input type="text" id="selectionDirection" value="MDN" />
<p id="direction"></p>

JavaScript

js
const textSelectionDirection = document.querySelector("#selectionDirection");
const pConsole = document.querySelector("#direction");
pConsole.textContent =
  "Selection direction : " + textSelectionDirection.selectionDirection;

结果

规范

规范
HTML 标准
# dom-textarea/input-selectiondirection-dev

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅