Esc按钮与.trigger（）一起使用;只有当我先点击任何元素时

Question

我创建了一个简单的函数，它在iFrame中显示内容（iFrame）位于另一个元素（#icontent）内部。简单。现在我想使用iFrame内部创建的按钮或按ESC按钮关闭iFrame和周围元素。第一个也很容易，但第二个以奇怪的方式工作。 那是我的代码：

jQuery('.slider-wrapper').on('click','.hide',function() {
    parent.top.jQuery('#icontent').fadeOut(200);
    setTimeout(function(){
        parent.top.jQuery('#mainFrame').attr('src','about:blank');
    }, 250);
});
jQuery(document).keyup(function(e) {
    if (e.keyCode == 27) { jQuery('.hide').trigger('click');
    }
});

点击.hide按钮时会关闭我的iFrame所在的div。但是当我按下ESC（它应该模拟点击按钮）时，它可以工作，但只有当我先点击任何元素时（除了提到的按钮），如果我没有先点击任何地方，它什么都不做。对此有任何解释吗？

谢谢和问候，Dan。