sự kiện phím tắt trên iframe

Question

Làm cách nào để có thể nhận sự kiện keydown trên khung nội tuyến?

Answer 1

Adding event handler to an iframe using JQuery

$(document.getElementById('iframe_id').contentWindow.document).keydown(function() { 
    // my func 
}); 

Answer 2

Bạn cần truy cập vào tài liệu của iframe đó là thông qua các đối tượng ContentWindow

$(document.getElementById('IFrameId').contentWindow.document).keydown(function(){ alert('Key down!'); }); 

Hãy chắc chắn rằng bạn kết sự kiện sau khung đã nạp.

Answer 3

Rất muộn để trả lời nhưng có thể hữu ích cho ai đó.
Tôi đã gặp sự cố tương tự, điều đó có nghĩa là tôi đã ở trang iframe inside a HTML trong một số same domain.
Bây giờ tôi cần lấy số Esc keyup event.
tuy nhiên tôi không muốn (hoặc một số lần tôi không thể) viết bất kỳ tập lệnh nào bên trong phần khung nội tuyến.
để làm điều đó, tôi sử dụng tập lệnh bên dưới để phát hiện id mẹ của phần tử được chọn bằng cách nhấp vào nó là gì.

$(window).load(function() { 
      jQuery(jQuery('[id="frame"]')[0].contentWindow.document).on('keyup', function (e) { 

       var _currntItem = ($(e.target)) 

       if (e.keyCode === 27) { 
        alert(_currntItem.parent().attr('id')); 
       } 
      }); 

Mã này giải quyết được sự cố của tôi.
hy vọng hữu ích.