【问题标题】:Catch event submit from the new tab从新选项卡捕获事件提交
【发布时间】:2019-11-25 14:12:29
【问题描述】:

我正在尝试通过页面 A 上的按钮打开一个窗口(或新标签页)(页面 B)。在页面 B 上,用户需要填写一个表单,然后重定向到页面 A。 但是我无法从页面 A 捕获页面 B 上的任何事件。我如何知道用户何时提交或关闭页面 B?

我的英语很差,如果你听不懂我想说的话,试试 Pinterest.com 的“用 Facebook 登录”功能。这正是我需要的。谢谢。

<a href="login.php" target="_blank">Open login page!</a> 

和页面B:

<form id="somelink" method="post" action="" />
<input type="text" name="asd">
<button>Submit</button>

</form>

很抱歉没有尽快添加我的代码,我认为这很简单,也没有必要,因为它会让人误解我。 我真的不知道该怎么说,这是我第一次需要它。可视化的最佳方式是访问 Pinterest 的“使用 Facebook 登录”。

【问题讨论】:

  • 到目前为止您尝试过的代码在哪里?
  • 他们是不同的域,你无能为力。
  • @BhushanKawadkar 我编辑了我的问题,请你帮帮我。

标签: javascript php jquery html


【解决方案1】:

我猜 Pinterest 正在使用官方的 Facebook javascript SDK。在这里阅读更多:https://developers.facebook.com/docs/facebook-login/web/#login

文档中的快速参考...

第 1 步:在您的页面中包含一次 JavaScript SDK,最好是在开始正文标记之后。

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v5.0"></script>

第 2 步:将此代码放置在您希望插件出现在页面上的任何位置。

<div class="fb-login-button" data-width="" data-size="large" data-button-type="continue_with" data-auto-logout-link="false" data-use-continue-as="false"></div>

如果我误解了这个问题,而您实际上是在尝试实现自己的类似功能版本,请查看这个问题 Capture the close event of popup window in JavaScript

【讨论】:

  • 谢谢你,我在这个问题上浪费了 5 个小时,直到你让我知道它可以用 JavaScript 代码解决。谢谢。
猜你喜欢
  • 2011-04-08
  • 2013-11-13
  • 2013-07-18
  • 2020-05-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-03-27
  • 1970-01-01
相关资源
最近更新 更多