jquery chọn iframe trẻ em

Question

Tôi đang sử dụng thư viện editArea và jquery để làm những gì tôi cần ...

http://www.cdolivet.com/index.php?page=editArea&sess=2b8243f679e0d472397bfa959e1d3841

như vậy trong html của tôi có được một thẻ iframe rằng editArea sử dụng những gì tôi cần là truy cập một cái gì đó như vậy với jquery

$('iframe textarea').keydown(function (e){ 
    number = 17; //any number really :) 
    if(e.which == number){ 
     //do something... 
     alert('Done...'); 
    } 
}); 

Tôi đã thử ở trên nhưng có vẻ như nó không phát hiện ra chìa khóa đó. nhưng nó hoạt động nếu bộ chọn là $ (tài liệu) do đó phần còn lại của hàm hoạt động nó chỉ là nó không chọn các iframe textarea keydown

bất kỳ ý tưởng nào? Cảm ơn

Answer 1

$("iframe").contents().find("textarea").keydown(...) 

Answer 2

Bạn cần truy cập iframe contentWindow.document, chứ không phải chính iframe.

Answer 3

Bạn cần tìm kiếm trong khu vực nội document của iframe, để có được textarea yếu tố:

var textarea = $('textarea', $('iframe').get(0).contentWindow.document); 
textarea.keydown(function (e){ 
    var number = 17; 
    var code = (e.keyCode ? e.keyCode : e.which); 

    if(code == number){ 
     //do something... 
     alert('Done...'); 
    } 
}); 

Answer 4

Vâng, là những gì bạn muốn:

Link to Simple Tutorial

Answer 5

Bạn nên làm

 

iframeDoc = document.getElementById('resultsFrame').contentWindow; 
// result frame is id of iframe 
$(iframeDoc).keydown(function(e)) 
{ 
// your functionality here 
} 
 

Answer 6

Bạn có thể đi bất kỳ cấp độ nào, Câu trả lời ở trên là chính xác. Tôi đã làm như sau

var iframeMain = $("#iframe0").contents().find('#iframeMain'); 
var detailsForm = $(iframeMain).contents().find('#detailsform'); 

cho cha mẹ tiếp cận bạn có thể sử dụng

window.parent.parent. // upto any level 

Answer 7

Nếu vẫn thất bại, tôi đã kết thúc nhận được ở trên để làm việc bằng cách gói trong hàm này:

$(window).blur(function() { 
    // genius code here 
}