jquery多层iframe绑定keyup

文件index.htm

 <!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>
    <iframe src="iframe.htm" name="index" style="width:400px;height:200px"></iframe>
</body>
</html>

文件iframe.htm

 <!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script style="text/javascript" src="jquery.js"></script>
</head>
<body>
<input type="text" id="text" value="" />
<input type="button" id="button" value="button" />
</body>
<script>
$(parent.document,document).keyup(function(e){
    $('#text').val('p'+e.keyCode);
});

$('#button').click();
</script>
</html>

访问index.htm时,能正常捕捉键盘输入,但是当点击内框架iframe.htm使之获取焦点后,不能继续捕捉键盘输入,再点回父窗口又能正常。这是怎么回事,怎么解决?

注意方法的参数:jQuery(expression,[context])

$(parent.document,document).keyup

==>

 $(parent.document).add(document).keyup(function (e) {
        $('#text').val('p' + e.keyCode);
    });