javascript - javascriptでiframeから選択したテキストを取得する方法は?

Question

javascript を使用して iframe から選択したテキストを取得する方法は?

Answer 1

var $ifx = $('<iframe src="filename.html" height=200 width=200></iframe>').appendTo(document.body);

$(document.body).bind('click', function(){
     var u_sel;
     if(window.getSelection){
        u_sel = ifx[0].contentWindow.getSelection();
      // u_sel.text()   InternetExplorer !!
      alert(u_sel);
     }
});

iframe srcが自分の をターゲットにしている限り、それでうまくいくはずですdomain。これまでのところのみでテストされFireFox 3.6.7ています。

Answer 2

function getIframeSelectionText(iframe) {
  var win = iframe.contentWindow;
  var doc = iframe.contentDocument || win.document;

  if (win.getSelection) {
    return win.getSelection().toString();
  } else if (doc.selection && doc.selection.createRange) {
    return doc.selection.createRange().text;
  }
}

var iframe = document.getElementById("your_iframe");
alert(getIframeSelectionText(iframe));

jAndy が指摘したように、これは、iframe ドキュメントが含まれているドキュメントと同じドメインから提供されている場合にのみ機能します。