登录弹出窗口发送事件或消息给家长
Login popup window - issue sending event or message to parent
我使用Extjs和Java。Spotify用户登录是在浏览器弹出窗口中进行的,我有所有的验证过程正常工作。
我需要告诉父窗口登录成功,然后关闭该窗口。
然而,在处理客户端登录后,我有一个问题-我放置在父窗口上的任何侦听器都不会从弹出窗口中拾取事件或消息。
如果用户已经登录,那么当窗口完成该过程时,侦听器将继续工作。
关于Spotify重定向/登录过程破坏监听器/事件的任何线索将不胜感激。:)最后,我在父窗口上设置了一个侦听器来侦听来自子窗口的消息事件,这是有效的。
在父节点上:
var width = 450,
height = 400,
left = (screen.width / 2) - (width / 2),
top = (screen.height / 2) - (height / 2);
var w = window.open('http://localhost:8080',
'MyWindow',
'menubar=no,location=no,resizable=no,scrollbars=no,status=no, width=' + width + ', height=' + height + ', top=' + top + ', left=' + left
);
window.addEventListener("message", receiveMessage, false);
function receiveMessage(event)
{
if (event.origin !== "http://localhost:8080") {
return;
}
console.log('User logged in');
window.removeEventListener("message", receiveMessage, false);
w.close();
// more logic...
}
在子窗口上:
this.opener.postMessage("User logged in", "*");
相关文章:
- Slack Botkit-如何获得消息's来自'reaction_aded'事件
- 如果确认消息,则触发单击事件
- 如何从视频标记错误事件中获取字符串/消息或代码
- 我可以使用jquery和AJAX来调用cgi-bin脚本,然后添加消息事件来处理服务器发送事件吗
- 用于查看消息的ThunderBird事件
- Thunderbird 撰写发送消息事件不会触发
- 有没有办法在事件发生时将消息从服务器发送到客户端
- 如果出现错误消息,如何防止事件
- 如何在网格视图中链接按钮的客户端单击事件上显示动态消息
- 使用 jQuery 返回除 Drupal7 表单之外的所有点击事件的消息
- Phonegap PushPlugin 消息事件被调用两次
- 加载从跨文档消息传递中作为事件数据获得的 pdf
- React,在组件事件上呈现消息的最佳方法
- 如何连续多次获取 Ajax 成功消息事件
- 如何处理来自 websocket 的消息事件数据
- 如何使用定时事件使用JavaScript显示然后隐藏消息
- 如何获得推送消息事件,如点击,关闭,显示与firebase云消息
- 消息事件处理程序是否存在于窗口对象中
- Chrome扩展-修改弹出页面的消息事件
- Redis消息事件中未引发TypeError