Javascript框架的自定义事件
作者 佚名技术
来源 网页制作
浏览
发布时间 2012-03-07
context),那么即使其中某个事件抛出了异常将不会影响其他的回调。
这听起来有点复杂,还是代码说话吧。 var currentHandler; // 标准事件支持 if (document.addEventListener) { document.addEventListener("fakeEvents", function() { // 执行回调 currentHandler(); }, false); // 新建事件 var dispatchFakeEvent = function() { var fakeEvent = document.createEvent("UIEvents"); fakeEvent.initEvent("fakeEvents", false, false); document.dispatchEvent(fakeEvent); }; } else { // 针对 IE 的代码在后面详细阐述 } var onLoadHandlers = []; // 将回调加入数组中 function addOnLoad(handler) { onLoadHandlers.push(handler); }; // 逐条取出回调,并利用上述新建的事件执行 onload = function() { for (var i = 0; i < onLoadHandlers.length; i++) { currentHandler = onLoadHandlers[i]; dispatchFakeEvent(); } }; 万事俱备,让我们将上面坨代码扔到我们新的回调系统中 addOnLoad(function() { console.log("Init: 1"); DOES_NOT_EXIST++; // 这里会抛出异常 }); addOnLoad(function() { console.log("Init: 2"); }); 上帝保佑,看运行结果我们看到了如下的信息: Init: 1 Error: DOES_NOT_EXIST is not defined Init: 2 赞!这就是我们期望的。这两个回调都运行而且互不影响,并且还能获得异常的信息,太好了! 好了,我们回过头来扶起 Internet Explorer 这个“阿斗”(我已经听见场下观众的建议了)。Internet Explorer 不支持 W3C 的标准事件规范,谢天谢地好在它有自身的实现 -- 有个 fireEvents 的方法,但只能在用户事件的时候触发(例如用户点击 click)。 不过终于找到了门道,我们来看下具体代码: var currentHandler; if (document.addEventListener) { // 省略上述的代码 } else if (document.attachEvent) { // MSIE // 利用扩展属性,当此对象被改变时触发 document.documentElement.fakeEvents = 0; document.documentElement.attachEvent("onpropertychange", function(event) { if (event.propertyName == "fakeEvents") { // 执行回调 currentHandler(); |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
关于Javascript框架的自定义事件的所有评论