突袭HTML5之Javascript API扩展5—其他扩展(应用缓存/服务端消息/桌面通知)

发布时间：2020-11-30 12:09:00 所属栏目：编程来源：网络整理

导读：前面已经总结了首要的API扩展(应用缓存/处事端动静/桌面关照),下面的几个只有在特定的场所才气施展它的潜质，无一破例，IE均不支持,桌面关照今朝只有Chrome支持,

$(window).bind( 'blur', this.windowBlur).bind( 'focus', this.windowFocus);

行使该要领必要留意的处所是，变乱注册的变乱点应该尽也许的靠前，假如注册太晚则当用户打开页面后再分开就会很轻易呈近况态的误判。
3. 当用户行使多Tab开启多个存在IM的页面时，只要有一个页面处于Focus状态将不呈现关照;
多页面间的状态共享可以通过当地存储来实现：
• 赏识器窗口Focus时修改当地存储中指定key的值为"focus"
• 赏识器窗口Blur时修改当地存储中指定key的值为"blur"。
必要留意的是，Chrome下从一个Tab切换到另一个Tab时，Blur有也许比Focus后写入存储中，因此修改Focus状态时必要异步处理赏罚。

复制代码

代码如下:

/*window on focus变乱*/
//用延时是为了办理多个Tab之间切换时，始终让Focus包围其他Tab的Blur变乱
//注: 假如在点击Tab之前没有Focus到document上则点击Tab是不会触发Focus的
setTimeout( function(){
Storage.setItem( 'kxchat_focus_win_state', 'focus' );
}, 100);
/*window on blur变乱*/
Storage.setItem( 'kxchat_focus_win_state', 'blur' );

实现以上状态共享后，新的动静达到后，只必要查察当地存储中’kxchat_focus_win_state’的值是否为blur，假如为blur才弹出窗口。
4. 怎样让用户点击关照浮动层即可定位到详细的谈天窗口
关照窗口支持onclick等变乱相应，而相应函数中的浸染范畴属于建设该窗口的页面。如下代码：

复制代码

代码如下:

var n = dn.createNotification(
img,
title,
content
);
//确保只有一个提示
n.replaceId = this.replaceId;
n.onclick = function(){
//激活弹出该关照窗口的赏识器窗口
window.focus();
//打开IM窗口
WM.openWinByID( data );
//封锁关照窗口
n.cancel();
};

在onclick的相应函数中会见的window工具即属于当前建设页面，因此可以很利便的与当前页面举办交互。以上代码便实现了点击弹出窗口会跳转到对应的赏识器窗口和打开IM窗口。
：页面中的相干变乱许多时辰具有不确定的时序性，以是我们的代码只管不要假设某些变乱触发的次序是必然的。好比上面的blur和focus变乱

适用参考：
官方文档：
html5的一此中文教程：

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

3/3

首页

MySQL源码安置	运用图形界面从SQL导入
MySQL5.7+keepalived+	windows系统下jsp+mys