在输入键上打开弹出窗口答案

【问题标题】：Open pop window on enter key在输入键上打开弹出窗口
【发布时间】：2013-05-14 16:31:23
【问题描述】：

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

这是我现在得到的东西

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

FIDDLE

请告诉我如何打开新的弹出窗口。

【问题讨论】：

你没有得到一个弹出窗口，因为你没有打电话给window.open()。

标签： javascript jquery popup window

【解决方案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>

【讨论】：

【解决方案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 了解更多信息。

【讨论】：

我认为，这不会“弹出”窗口。它只会在另一个选项卡中打开。
@Hariprasad 我只是想展示一个简单的例子。无论如何感谢您的提醒。

【解决方案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");
}
});

【讨论】：

【解决方案4】：

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

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

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

这是您修改后的jsfiddle。

【讨论】：

【解决方案5】：

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

来自文档：

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

在哪里

strUrl:

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

strWindowName

新窗口的字符串名称。名称可以用作链接和表单的目标，使用 or 元素的 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");
   }
});

【讨论】：