鸣叫按钮打开新窗口和新选项卡

salad_bar_breath

我正在做FreeCodeCamp的随机报价机练习。

使用此答案,我尝试设置我的tweet按钮来打开一个新窗口,而不是一个用户可以用来对引用进行鸣叫的选项卡。

唯一的问题是它正在打开一个新选项卡以及一个新窗口。有什么办法可以让我打开新窗口吗?

Tweet链接的HTML

<a class="twitter-share-button" href="https://twitter.com/intent/tweet" target="_newwin">
Tweet</a>

相关JavaScript

jQuery('a[target^="_newwin"]').click(function() {
    var width = 500;
    var height = 300;
    window.open(this.href , 'newwindow', 'width=' + width + ', height=' + height + ', top=' + ((window.innerHeight - height) / 2) + ', left=' + ((window.innerWidth - width) / 2));
});

我的项目笔

谢谢!

马丁

您将同时获得自定义行为(打开一个新窗口)和链接的标准行为(如今在大多数浏览器中,打开一个新选项卡)。为了防止后者,您需要使用“ preventDefault”方法:

jQuery('a[target^="_newwin"]').click(function(e) {
    e.preventDefault();
    var width = 500;
    var height = 300;
    window.open(this.href , 'newwindow', 'width=' + width + ', height=' + height + ', top=' + ((window.innerHeight - height) / 2) + ', left=' + ((window.innerWidth - width) / 2));
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使Safari在现有窗口中以选项卡(而不是新窗口)打开新链接

来自分类Dev

Python-Selenium:提交表单而无需打开新选项卡或新窗口

来自分类Dev

以模式而不是新选项卡或新窗口的形式打开外部链接

来自分类Dev

如何防止Webbrowser控件中的弹出窗口,新选项卡,新窗口和消息框?

来自分类Dev

在新窗口或选项卡中打开的 js 函数

来自分类Dev

在新窗口中打开 Markdown 预览选项卡?

来自分类Dev

默认情况下,如何使Matlab编辑器以选项卡(而不是新窗口)的形式打开新脚本?

来自分类Dev

窗口无法打开新窗口或外部URL链接上的选项卡单击

来自分类Dev

以编程方式打开一个新窗口(或新选项卡),而不总是打开一个弹出窗口

来自分类Dev

有没有办法跟踪使用Javascript从哪个window.name打开新窗口(在新选项卡中打开)?

来自分类Dev

如何单击Element()并在同一选项卡中而不是在新窗口中打开链接?

来自分类Dev

如何在angularjs中打开新窗口(非选项卡)

来自分类Dev

XMLHttpRequest POST并在新窗口/选项卡中打开目标页面

来自分类Dev

Javascript表单提交打开新窗口选项卡,然后重定向父页面

来自分类Dev

始终从新窗口中的固定选项卡打开URL

来自分类Dev

XMLHttpRequest POST并在新窗口/选项卡中打开目标页面

来自分类Dev

用户单击关闭选项卡时如何打开新窗口浏览器?

来自分类Dev

如何通过单击Highchart图形中的列/栏来打开新窗口/选项卡?

来自分类Dev

在PDF中创建链接以在新窗口/选项卡中打开

来自分类Dev

需要修改此工作代码以在新窗口/选项卡中打开

来自分类Dev

单击按钮时打开新选项卡

来自分类Dev

是否可以告知Terminal在现有的打开的终端窗口中以选项卡的形式打开新窗口?

来自分类Dev

Chrome 扩展程序:如何通过单击 html 弹出窗口中的按钮在新选项卡中打开指定链接?

来自分类Dev

将Firefox选项卡组移到新窗口

来自分类Dev

防止Bootstrap模态窗口在新选项卡/窗口中打开

来自分类Dev

使用JavaScript打开链接新窗口(不是选项卡),而无需两次输入URL?

来自分类Dev

如何在Atom编辑器中的其他选项卡而不是新窗口中打开新文件?

来自分类Dev

在“提交”按钮上的其他选项卡/窗口中打开“ URL”,然后单击“确定”。

来自分类Dev

通过终端在同一窗口中打开firefox新选项卡

Related 相关文章

  1. 1

    使Safari在现有窗口中以选项卡(而不是新窗口)打开新链接

  2. 2

    Python-Selenium:提交表单而无需打开新选项卡或新窗口

  3. 3

    以模式而不是新选项卡或新窗口的形式打开外部链接

  4. 4

    如何防止Webbrowser控件中的弹出窗口,新选项卡,新窗口和消息框?

  5. 5

    在新窗口或选项卡中打开的 js 函数

  6. 6

    在新窗口中打开 Markdown 预览选项卡?

  7. 7

    默认情况下,如何使Matlab编辑器以选项卡(而不是新窗口)的形式打开新脚本?

  8. 8

    窗口无法打开新窗口或外部URL链接上的选项卡单击

  9. 9

    以编程方式打开一个新窗口(或新选项卡),而不总是打开一个弹出窗口

  10. 10

    有没有办法跟踪使用Javascript从哪个window.name打开新窗口(在新选项卡中打开)?

  11. 11

    如何单击Element()并在同一选项卡中而不是在新窗口中打开链接?

  12. 12

    如何在angularjs中打开新窗口(非选项卡)

  13. 13

    XMLHttpRequest POST并在新窗口/选项卡中打开目标页面

  14. 14

    Javascript表单提交打开新窗口选项卡,然后重定向父页面

  15. 15

    始终从新窗口中的固定选项卡打开URL

  16. 16

    XMLHttpRequest POST并在新窗口/选项卡中打开目标页面

  17. 17

    用户单击关闭选项卡时如何打开新窗口浏览器?

  18. 18

    如何通过单击Highchart图形中的列/栏来打开新窗口/选项卡?

  19. 19

    在PDF中创建链接以在新窗口/选项卡中打开

  20. 20

    需要修改此工作代码以在新窗口/选项卡中打开

  21. 21

    单击按钮时打开新选项卡

  22. 22

    是否可以告知Terminal在现有的打开的终端窗口中以选项卡的形式打开新窗口?

  23. 23

    Chrome 扩展程序:如何通过单击 html 弹出窗口中的按钮在新选项卡中打开指定链接?

  24. 24

    将Firefox选项卡组移到新窗口

  25. 25

    防止Bootstrap模态窗口在新选项卡/窗口中打开

  26. 26

    使用JavaScript打开链接新窗口(不是选项卡),而无需两次输入URL?

  27. 27

    如何在Atom编辑器中的其他选项卡而不是新窗口中打开新文件?

  28. 28

    在“提交”按钮上的其他选项卡/窗口中打开“ URL”,然后单击“确定”。

  29. 29

    通过终端在同一窗口中打开firefox新选项卡

热门标签

归档