javascript - 在 keyup 上获取 iframe 的内容

Question

我已经看过很多关于此的帖子，但由于某种原因没有一个有效。

我感兴趣的是将我输入的内容放入contenteditable <iframe>到<textarea>and<div>中。

这是我的 HTML：

<textarea ></textarea>
<iframe></iframe>
<div></div>

这是我的 JS：

var iframeBody=$('iframe').contents().find('body');
iframeBody.attr('contenteditable', true);

$(document.body).on( 'keyup', iframeBody, function() {   
  var txt = $(this).html();
  $('div').html(txt);
  $('textarea').val(txt);
});

如果您想提出建议，这里是 JSfiddle：http: //jsfiddle.net/nyPAM/21/

任何帮助将不胜感激，这件事让我发疯，

谢谢，蒂姆

Answer 1

试试这个：

var iframeBody=$('iframe').contents().find('body');
iframeBody.attr('contenteditable', true);

$(iframeBody).on( 'keyup',function() {
    var txt = $(this).html();
    $('div').html(txt);
    $('textarea').val(txt);
});

演示：http: //jsfiddle.net/GtXzz/