在嵌入的iframe中检测输入标签内的击键

Question

我有一个网站，该网站的不同页面上嵌入了一堆表格。我需要能够检测到这些iframe内输入代码中的击键，然后确保如果检测到击键并且用户尝试离开页面，则它们会被停止并提示，以免丢失输入的数据进入表单。

当页面上的某个元素具有某个类时，我可以使用它，该类可以正常工作，但是当用户只是在页面上并加载了iframe时，它常常会弹出，但是我只需要如果用户输入了iframe，则会发生这种情况。

我尝试了以下操作，但对我不起作用。

notifyTab = false;
$('#notify', $('iframe.wufoo-form-container').contents()).on('keyup', function(e) {
    notifyTab = true;
    console.log(notifyTab);
});

jQuery(window.addEventListener('beforeunload', function (e) {
    if(notifyTab == true){
        console.log('true - run jq event'); 
        // Cancel the event
        e.preventDefault();
        // Chrome requires returnValue to be set
        e.returnValue = 'Your Notify Form is open! Make sure you clicked "Submit", otherwise you may lose your message!';
    }
}));