在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/