Js光標對象selection的使用

本文為轉載文章,來源簡書,文末有粗處。

document.selection : IE
window.getSelection() :Chrome、Safari、FireFox

selection代表了當前激活選中區,即高亮文本塊,和/或文檔中用戶可執行某些操作的其它元素。
對象的典型用途是作為用戶的輸入,以便識別正在對文檔的哪一部分正在處理,或者作為某一操作的結果輸出給用戶。

**** 用戶和腳本都可以創建選中區 ****
用戶創建選中區的辦法是拖曳文檔的一部分。
腳本創建選中區的辦法是在文本區域或類似對象上調用select方法。
要獲取當前選中區,請對document對象應用selection關鍵字。
要對選中區執行操作,請先用createRange方法從選中區創建一個文本區域對象。

一個文檔同一時間只能有一個選中區。選中區的類型決定了其中為空或者包含文本和/或元素塊。儘管空的選中區不包含任何內容,你仍然可以用它作為文檔中的位置標誌。


#以下代碼在IE瀏覽器中生效

Js光標對象selection的使用

#以下代碼在chrome/firefox中生效

Js光標對象selection的使用

下面舉例:

Js光標對象selection的使用

Js光標對象selection的使用

Js光標對象selection的使用

Js光標對象selection的使用

Js光標對象selection的使用

Js光標對象selection的使用


作者:yo_yo_
鏈接:https://www.jianshu.com/p/c85958c277b7
來源:簡書


分享到:


相關文章: