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

瀏覽器相容性

另見