javascript - 在输入键上打开弹出窗口

Question

在文本字段中按回车键时，我需要打开一个包含其他站点链接的弹出窗口（www.google.com）。我可以收到警报消息，但不是他的弹出窗口。

这是我现在得到的

$('input').bind("enterKey",function(e){
alert("Enter");
});
$('input').keyup(function(e){
if(e.keyCode == 13)
{
  $(this).trigger("enterKey");
}
});

小提琴

请让我知道如何打开新的弹出窗口。

Answer 1

尝试用这个替换 alert()

window.open( "http://www.google.com/", "myWindow","status = 1, height = 300, width = 300, resizable = 0" );

试试这个小提琴

或者您可以尝试 Jquery UI 对话框，例如

$(function() {
    $( "#dialog" ).dialog();
});

和你的 html 一样

<div id="dialog" style="display:none;">

</div>

Answer 2

你错过了window.open

$('input').keyup(function(e){
if(e.keyCode == 13) {
    window.open("http://google.com")  //this opens in a new tab
}
});

编辑： 要作为弹出窗口打开，请指定您选择的宽度和高度。

window.open("http://www.w3schools.com",width=200,height=100); 

语法： window.open(URL,name,specs,replace)，查看w3schools了解更多信息。

Answer 3

你试过这个吗？

$('input').bind("enterKey",function(e){
    window.open("http://www.google.com",'name','width=800,height=400');
});
$('input').keyup(function(e){
if(e.keyCode == 13)
{
  $(this).trigger("enterKey");
}
});

Answer 4

正如我看到你的评论I could get the alert message but not he pop window.你的代码没有说明你是如何编码来打开一个javascript弹出窗口的。

从文档：

---

window.open(strUrl, strWindowName[, strWindowFeatures]);

在哪里

字符串：

要在新打开的窗口中加载的 URL。strUrl 可以是 Web 上的 HTML 文档、图像文件或浏览器支持的任何资源。

strWindowName

新窗口的字符串名称。名称可以用作链接和表单的目标，使用 or 元素的 target 属性。名称不应包含任何空格。请注意，strWindowName 没有指定新窗口的标题。

strWindowFeatures

可选参数列出新窗口的特征（大小、位置、滚动条等）。字符串不能包含任何空格，每个特征名称和值必须用逗号分隔。

在这里阅读更多

---

下面的代码触发了自定义事件enterKey，您可以将其链接起来以获得更好的性能。

$('input').bind("enterKey", function (e) {
   var windowOpts = "menubar=no,location=no, height=600, width=700, resizable=no,scrollbars=no,status=yes";
   window.open('https:encrypted.google.com', 'self', windowOpts);
}).keyup(function (e) {
   if (e.keyCode == 13) {
      $(this).trigger("enterKey");
   }
});

Answer 5

window.open您使用如下方式获得弹出窗口。

window.open(url,'name','height=200,width=150');

您可以使用此站点生成弹出代码。

这是您修改后的jsfiddle。