JavaScript createTextRange/setSelectionRange (自動選取與選取區控制)

莊創偉
1 min readJan 30, 2018

--

藍色處就是所謂的選取區

一般來說選取區只會有一個,部分瀏覽器有支援使用Ctrl選取多個選取區(IE),但大多不支援。

要達到自動選取的功能必須先創建一個選取區塊。

IE使用createTextRange 創建 而Chrome/firefox 使用 setSelectionRange

具體實現方法如圖

可以創建選取區塊的有document.body 、文字方塊(input text)及文本區塊(div、p)等

如果要實作一鍵複製,可以加上 document.execCommand(‘copy’) 的指令

--

--

莊創偉

學海無涯。但是為了生計還是得下海的風塵男子