取得使用者選取的文字內容

取得使用者選擇select的文字字串, 這個需求乍聽之下相當困難, 但在知道這個HTML5的API後情況就完全不同了。

window.getSelection()

getSelection會回傳使用者選擇的相關訊息, 其中toString()可以得到使用者當下所選擇的文字字串。

window.getSelection().toString()

考慮使用以下函式以保持對IE的相容性

function getUserSelectText () {
  return window.getSelection ?
    window.getSelection().toString() :
    document.selection.createRange().text  // for ie.
}

JSBin Demo

此方法僅適用於選取畫面中的文本內容, 對於input, textarea等輸入並不適用