HTMLInputElement: selectionDirection 属性

Baseline 已广泛支持

此特性已稳定,并兼容多种设备和浏览器版本。自 ⁨2015 年 11 月⁩起,所有浏览器均已支持此特性。

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

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

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

浏览器兼容性

另见