开发者社区> 问答> 正文

关于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使之获取焦点后,不能继续捕捉键盘输入,再点回父窗口又能正常。这是怎么回事,怎么解决?

展开
收起
吴孟桥 2016-05-31 15:20:27 2514 0
1 条回答
写回答
取消 提交回答
  • 注意方法的参数:jQuery(expression,[context])

    $(parent.document,document).keyup

    ==>

     $(parent.document).add(document).keyup(function (e) {
            $('#text').val('p' + e.keyCode);
        });
    2019-07-17 19:22:03
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载