Php 按esc键关闭iframe或单击其他任何位置

我想在我点击

esc

时立即关闭iframe框，或者在我必须点击

hideshow

图标时在iframe区域外点击，以再次隐藏iframe是否有一种方法可以使用

esc

或在iframe区域外点击来关闭iframe

index.php

<div id="msg_pic">
        <a class="msg_pic_link" id="hideshow"><span><img src="emptymsg.png" width="21px" height="21px"/></span></a>
        </div>

<div id="message" >
                <iframe id="iframe" style=" border-color:#080000; background-color: white ;" src="conversation.php" width="300" height="300"></iframe>
            </div>

mycss.css

$('#hideshow').on("click", function() {
    var text = $(this).val();
    $("#message").toggle();

});

#message
{
display:none;
position: absolute; 
z-index: 1; 
}

问题是如何按esc键或在

msg\u pic\u链接

div外单击以关闭

消息

尝试使用

$（窗口）。在（“单击向下键”）

，

.is（）

$（'hideshow'）。在（“单击”，函数（）上）{
var text=$（this.val（）；
$（“#消息”）.toggle（）；
$（窗口）.focus（）
});
$（窗口）。在（“单击向下键”）上，函数（e）{
//e、 预防默认值（）
if（e.keyCode==27 | |！$（e.target）.is（函数（）{
return$（“#message，#hideshow”）
})) {
$（“#消息”）.hide（）
}
}).focus（）

不起作用，我仍然需要单击

隐藏图标来隐藏iframe@jake123请参阅更新的帖子，用
窗口
替换
文档
，将
.focus（）
添加到
窗口
不，仍然没有相同的事情happens@jake123“检查已编辑的代码plz”？不确定问题是什么？
单击
$（“#隐藏”）的处理程序中的两行
显示无效。在第一行，
$（“#隐藏”）
没有
val（）
，在第二行，
$（“#消息”）.toggle（）；class=“msg_pic_link”是语法错误
“仍想知道如何按esc键或在msg_pic_link div外单击以关闭消息”？尝试了stacksnippets？，JSFIDLE在？