21 
<html>
 <body>
  <script type="text/javascript">

   function smth() {

    if (document.getSelection) {
    var str = document.getSelection();
    if (window.RegExp) {
      var regstr = unescape("%20%20%20%20%20");
      var regexp = new RegExp(regstr, "g");
      str = str.replace(regexp, "");
    }
    } else if (document.selection && document.selection.createRange) {
     var range = document.selection.createRange();
     var str = range.text;
    }   

    alert(str);
   }
  </script>   

    <iframe id="my"  width="300" height="225">
   .....some html ....
    </iframe>      

    <a href="#" onclick="smth();">AA</a>
 </body>    
</html>

smth関数を使用すると、一部のdivから選択したテキストを取得できますが、iframeでは機能しません。iframeから選択したテキストを取得する方法はありますか？

4

5 に答える 5

18

document.getSelection

外側の文書にあります。iframe でドキュメントを選択するには、内部ドキュメントを取得する必要があります。

var iframe= document.getElementById('my');
var idoc= iframe.contentDocument || iframe.contentWindow.document; // ie compatibility

idoc.getSelection()

ただし、WebKit はdocument.getSelection() or document.selectionをサポートしていないことに注意してください。window.getSelection()Firefox と WebKit の両方で動作しますが、文字列が必要な選択オブジェクト (範囲のコレクション/ラッパー) を返すものに置き換えてみてください。

var idoc= iframe.contentDocument || iframe.contentWindow.document;
var iwin= iframe.contentWindow || iframe.contentDocument.defaultView;

''+iwin.getSelection()

これのポイントが何であるかわかりません：

if (window.RegExp) {
  var regstr = unescape("%20%20%20%20%20");
  var regexp = new RegExp(regstr, "g");
  str = str.replace(regexp, "");
}

RegExp最も初期のバージョンにさかのぼる基本的な JavaScript です。それは常にそこにあり、嗅ぎ分ける必要はありません。複数のスペースの URL エンコードはまったく不要です。RegExp 自体は必要ありません。文字列の置換は次のように記述できます。

str= str.split('     ').join('');
于 2009-09-24T14:14:55.583 に答える
9

iframe のドキュメント/ウィンドウから選択を取得する必要があります。

function getIframeSelectionText(iframe) {
  var win = iframe.contentWindow;
  var doc = 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("my");
alert(getIframeSelectionText(iframe));
于 2009-09-24T14:12:59.103 に答える
6

iframe自分のドメインとは異なるドメインの内のデータにアクセスすることはできません。これは、Same origin ポリシーによるものです。

于 2009-09-24T13:44:14.230 に答える
2

次のコードは、選択したテキストを返します。

function getSelectedText(frameId) { 
    // In ExtJS use: 
    // var frame = Ext.getDom(frameId); 
    var frame = document.getElementById(frameId); 

    var frameWindow = frame && frame.contentWindow; 
    var frameDocument = frameWindow && frameWindow.document; 

    if (frameDocument) { 
        if (frameDocument.getSelection) { 
            // Most browsers 
            return String(frameDocument.getSelection()); 
        } 
        else if (frameDocument.selection) { 
            // Internet Explorer 8 and below 
            return frameDocument.selection.createRange().text; 
        } 
        else if (frameWindow.getSelection) { 
            // Safari 3 
            return String(frameWindow.getSelection()); 
        } 
    } 

    /* Fall-through. This could happen if this function is called 
       on a frame that doesn't exist or that isn't ready yet. */ 
    return ''; 
}

これが誰かに役立つことを願っています。

于 2013-02-13T12:50:54.790 に答える