[javascript] 選択文字列を取得する・改

2008

09-20

14:37

[javascript] 選択文字列を取得する・改

javascript

2008-09-22 12:40 追記

下のコードだと，どうやら Safari で取得できなかったみたいですね．

document.getSelection() || window.getSelection() の部分の document と window を入れ替えてみたところ，取得できました．

ということで，ソースコードを修正しておきました．

はじめに

つまり「あるページとそのページ内のテキストボックス・テキストエリアにおける選択文字列を取得する」ということになりますかね．
岩家ぶろぐ » [javascript] bookmarklet で選択文字列を取得する件で

以前に書いたコードを見直したところ結構無駄があったので，書き直してみました．

書き直したソースコード

var get_selected_text = function() {
  var ret = '';
  try {
    //ret = ( document.getSelection()  ||  window.getSelection()  ||  '' ).toString();  // document.getSelection はFirefox，Operaで動作，window.getSelectionはSafariで動作  // del: 2008-09-22 12:40:00+09:00
    ret = ( window.getSelection()  ||  document.getSelection()  ||  '' ).toString();  // document.getSelection はFirefox，Operaで動作，window.getSelectionはSafariで動作  // ins: 2008-09-22 12:40:00+09:00
    if( ret ) { return ret; }
  }
  catch( e ) { return ret; }
 
  var tagnames = [ 'input', 'textarea' ];
  for( var i = 0; i < tagnames.length; i++ ) {
    var elements = document.getElementsByTagName( tagnames[ i ] );
    for( var j = 0; j < elements.length; j++ ) {
      var e = elements[ j ];
      if( e.tagName == 'input'  &&  e.type.toLowerCase() != 'text' ) { continue; }
 
      var sel_start = (function(){ try { return e.selectionStart; } catch( e ) { return 0; } })()
        , sel_end   = (function(){ try { return e.selectionEnd;   } catch( e ) { return 0; } })()
      ;
      if( sel_start == sel_end ) { continue; }
      return e.value.substring( sel_start, sel_end );
    }
  }
  return ret;
};