JSI API之BrowserInfo、EventUtil讨论

最新推荐文章于 2024-03-18 09:55:50 发布

jindw

最新推荐文章于 2024-03-18 09:55:50 发布

阅读量289

点赞数

分类专栏： JSI 文章标签： JSI IE 浏览器脚本腾讯

JSI 专栏收录该内容

30 篇文章

订阅专栏

[quote]JSI 自身提供一些常用API，数量极少，尽量以一种正式的风格提供，尽量回避争议。
有些是启动文件用到的，如任务队列支持，还有如装饰引擎直接用到的，如BrowserInfo、EventUtil、StyleUtil等。
对于启动文件中未直接用到的，如果风格的争议太大，都将剔除出去。[/quote]

[size=18][b]BrowserInfo对象：[/b][/size]
[code]/**
* BrowserInfo 对象，用于判断浏览器的相关信息，如浏览器类型、quirks模式、客户端语言（简体中文？英语..未实现）、操作系统（未实现）等等。
* @public
*/
var BrowserInfo = {
isIE : falseChecker,
isOpera : falseChecker,
isGecko : falseChecker,
isNetscape : falseChecker,
isMozilla : falseChecker,
isFirefox : falseChecker,
isKhtml : falseChecker,
isSafari : falseChecker,
isKonqueror : falseChecker,
isQuirks : function(){…}
};[/code]
其中最常用的要数 is<浏览器类别>（最小版本号码,最大版本号）。
此外，我还将BrowserInfo的函数拷贝到navigator对象上，这个有无必要呢？
[code]//@Deprecated ???
for(var n in BrowserInfo){
window.navigator[n] = BrowserInfo[n];
}[/code]

[b]不同之处：[/b]
现在在浏览器判断上面，一般是用常量表示，比如isIE之类的，JSI的BrowserInfo使用函数，以便提供更强大更灵活的功能。
[size=18]
[b]EventUtil[/b][/size]
EventType 对象的成员函数有：

[code]addListener(el, type, fn, cap)
removeListener(el, type, fn, cap)

add<Eventtype>Listener(element, listener, captrue)
如addLoadListener，addMousedownListener，addMouseoutListener
remove<Eventtype>Listener(element, listener, captrue)
createEvent(type, canBubble, cancelable)
dispatchEvent(el, even)[/code]
其中: [color=red][b]<Eventtype>[/b][/color]代表一种事件类型。
W3C事件类型有：
[code]var events = ['click','mousedown','mouseup','mouseover','mousemove','mouseout','load','unload','abort','error','select','change','submit','reset','focus','blur','resize','scroll'].
concat(['DOMFocusIn','DOMFocusOut','DOMActivate']);[/code]

此外，还添加了一种事件类型：DOMLoad。就是mozilla的DOMContentLoaded事件，在Dom树构造完成但图片资源等可能未完成时触发。
对于这种事件类型， element, captrue参数都将忽略。暂时只有添加函数，没有删除函数（有删除的必要吗？）。
[b]
不同之处：[/b]
这个事件处理函数集与其他常见方式的却别有：
1. this支持。IE的attach方法添加的函数，运行时this指向window对象，JSI吧这点给纠正过来，与w3c的addEventListener行为一致。
2. 事件类型直接体现在函数名中，这样有利于书写上的错误及早发现。
3. 事件格式化，将事件的访问方式格式化为W3C的方式。
4. 自动清理，这也不算不同吧，现在大多数JS库都提供这个功能，就是在离开页面时清理全部注册事件。但是这对一些单页程序是无效的（OPOA，本人也比较讨厌这种模式，呵呵），以后是否可以提供一个purgeElement函数，用于清理指定元素及其子元素的事件呢？

[b]
程序下载[/b]

这个API也可以脱离JSI使用，只是，在编写的时候，因为有了JSI的保护，我使用了不少内部变量，为避免可能的冲突，做了如下处理。
[code]var BrowserInfo = function(){
//#include(browser-info.js)....
return BrowserInfo;
}

var EventUtil = function(){
//#include(event-util.js)....
return EventUtil;
}[/code]

[b]
[color=blue]非常希望大家积极发表自己的看法，该修改就修改，如果争议太大，那么我将吧这些从系统API中移除。[/color][/b]