文件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);
});
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。