Question

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

这是我现在所拥有的

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

FIDDLE

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

Answer 1

尝试用此

替换alert（）

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

试试这个FIDDLE

或者您可以尝试像

这样的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

您可以使用window.open获取弹出窗口，如下所示。

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

您可以使用this site生成弹出窗口代码。

这是您修改后的jsfiddle。

Answer 5

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

来自文档：

window.open（strUrl，strWindowName [，strWindowFeatures]）;

其中

strUrl：

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

strWindowName

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

strWindowFeatures

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

Readout More Here

以下代码触发自定义事件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");
   }
});

打开弹出窗口输入密钥

5 个答案:

来自文档：

其中

strUrl：

strWindowName

strWindowFeatures