创建一个小型聊天应用程序,用户可以通过单击用户个人资料旁边的聊天按钮开始聊天。
一旦有人点击聊天按钮,就会出现一个弹出窗口。现在我想动态检测这个popus是否仍然打开或关闭。
如果弹出窗口打开=在通知中显示新消息警报。
如果弹出窗口关闭 = 不要在通知中提醒新消息(因为聊天窗口已经打开)
这是我尝试过的:
<a href="#" onclick="popitup("http://domain.com/chat/2")">Chat with user 2</a>
<a href="#" onclick="popitup("http://domain.com/chat/1")">Chat with user 1</a>
// on document ready
setInterval(function(){
chkAlerts();
}, 10000);
var newwindow = null;
function popitup(url) {
if ((newwindow == null) || (newwindow.closed)) {
newwindow = window.open(url,'Buy','width=950,height=650,scrollbars=yes,resizable=yes');
newwindow.focus();
}
else {
newwindow.location.href = url;
newwindow.focus();
}
}
function chkAlerts(){
if ((newwindow == null) || (newwindow.closed)) {
//Do something
alert('now window is closed show alerts');
}
}
有了这段代码,我总是得到
alert('now window is closed show alerts');