Question

我想这样做，以便如果用户按下例如＆＃39; x＆＃39;，我的iframe窗口会打开聊天。如果他们再次按x，它就会关闭。

当前代码：

<div id="mydiv">
   <iframe name ="frame" src="" width="25%" height="300"></iframe>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>$(document).ready(function() {
$(document).keypress(function(e) {
    var keycode = e.which;
    if (e.which == 192) {
      var src = $("#frame").attr("src");
      if(!src.trim()) {
        $("#frame").attr("src","http://deadsimplechat.com/+f8ckA/");
      }
      else {
        $("#frame").attr("src","");
      }
    }
});
});</script>

Answer 1

function checkKey(e) {
    e = e || window.event;
    if(e.keyCode == 88) { // x pressed
        if(myWindow) {
            myWindow.close();
            myWindow = undefined;
        } else {
            myWindow = window.open("", "", "width=200,height=100");
        } 
    }
}

var myWindow;

document.onkeydown = checkKey;

使用类似的东西。

Answer 2

$(document).ready(function() {
$(document).keypress(function(e) {
    var keycode = e.which;
    if (e.which == 49) {
      var src = $("#frame").attr("src");
      if(!src.trim()) {
        $("#frame").attr("src","https://www.example.com/");
      }
      else {
        $("#frame").attr("src","");
      }
    }
});
});

您可以修改密钥代码by finding the proper keycode。我假设你的代码中会有这样的iframe，或者你可以create iframe from jquery。你也可以remove the ifram from jquery。同时编辑适当站点的示例源URL。

<div id="mydiv">
    <iframe id="frame" src="" width="100%" height="300"></iframe>
</div>

每当使用jquery时都必须包含库。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

修改这必须有效。

<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script> $(document).ready(function() { $(document).keypress(function(e) { var keycode = e.which; if (e.which == 49) { var src = $("#frame").attr("src"); if(!src.trim()) { $("#frame").attr("src","https://www.w3schools.com/"); } else { $("#frame").attr("src",""); } } }); }); </script> </head> <body> <div id="mydiv"> <iframe id="frame" src="" width="100%" height="300"></iframe> </div> <input type="text"> </body> </html>

如果用户按下某个键，如何打开iframe？

2 个答案: