1

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

这是我现在得到的

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

小提琴

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

4

5 回答 5

2

尝试用这个替换 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>
于 2013-05-20T06:54:05.670 回答
1

你错过了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了解更多信息。

于 2013-05-20T06:54:15.217 回答
1

你试过这个吗?

$('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");
}
});
于 2013-05-20T06:54:40.400 回答
0

正如我看到你的评论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");
   }
});
于 2013-05-20T07:14:18.003 回答
0

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

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

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

这是您修改后的jsfiddle

于 2013-05-20T06:55:15.833 回答