在keyup上获取iframe的内容

Question

我已经看过很多关于此的帖子，但没有一篇是因为某些原因。

我感兴趣的是把我键入的东西到CONTENTEDITABLE 为<textarea>和<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/