利用者が選択した文字の内容を取得する

534 ワード

利用者がselectの文字列を選択することを取得するのは,一見難しいが,このHTML 5の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などの入力には適用されません.