Question

我正在使用覆盖图像和主图像的图像。当我们点击小图像时，爆炸就会打开，如果我们点击了爆破图像，那么它就会被关闭。现在我希望它能在ecs按键上关闭。

我该怎么办？

我的代码示例是： -

function Blowups(arrs,flag,nums,img_nm)
{
var h = window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop;
var pheight = document.getElementsByTagName('html')[0].scrollHeight;
var myHeight = document.documentElement.clientHeight;
var div1 = document.getElementById('mrgn');
var div2 = document.getElementById('div_disp');
var prev='';
var nxt='';
var scr2='';
var scr3='';
    var imgs=arrs.split(',');
    var i=(flag)-1;
    var k=0;
    var m=0;
    src1='http://www.a.in/im/'+imgs[i];
            if(flag != 1)
                prev="<a href=\"blah blah\">&laquo; Prev</a>";
            if(flag != nums)
                nxt="<a href=\"blah blah\">Next &raquo;</a>";
document.getElementById('blah blah').innerHTML='<td><img src='+src1+'><div><p>'+nxt+'</p><p>'+prev+'</p></div></td>';
div2.className ='blah blah';div2.style.height =pheight+'px';
div1.style.marginTop =h+'px';div1.style.height =myHeight+'px';
}

Answer 1

添加最适合的地方：

<script type="text/javascript">
 window.onkeyup = function (event) {
  if (event.keyCode == 27) {
   window.close();
  }
 }
</script>

更改window.close();以销毁或隐藏包含爆炸图像的<div>标记。

Answer 2

此外，您关闭窗口，只需要隐藏div。 esc仅在显示图像时显示（显示为块）

<script type="text/javascript">
    window.onkeyup = function (event) {
        if (event.keyCode == 27 && document.getElementById('blah blah').display='block') {
            document.getElementById('blah blah').display='none';
        }
    }
</script>

如何在退出键按下时关闭图像？

2 个答案: