[JavaScript]从光事件加载到全事件注册
从《JavaScript DOM 编程艺术》书中学到的是编写addLoadEvent方法,用于window的load事件。这是传统事件
注册方法。
《PPK谈JavaScript》书中是对上面的方法的改进,用高级事件注册方法addEventSimply,可用于各种事件,而不只是window的load事件。
在之前写的blog《点击弹出新窗口》中的popup方法想要onload的话,怎么写?
1.addLoadEvent方法:
addLoadEvent(popup);
2.addEventSimply方法:
addEventSimply(window, 'load', popup);
ps.在用此方法前都是这么写的:
window.addEventListener ? window.addEventListener('load', fn, false) : window.attachEvent('onload', fn);
离上面的写法改进成addEventSimply方法不到两星期。。。
注册方法。
1
function addLoadEvent(func) {
2
var oldonload = window.onload;
3
if(typeof window.onload != 'function') {
4
window.onload = func;
5
}
6
else {
7
window.onload = function() {
8
oldonload();
9
func();
10
};
11
}
12
}
function addLoadEvent(func) {2
var oldonload = window.onload;3
if(typeof window.onload != 'function') {4
window.onload = func;5
}6
else {7
window.onload = function() {8
oldonload();9
func();10
};11
}12
}《PPK谈JavaScript》书中是对上面的方法的改进,用高级事件注册方法addEventSimply,可用于各种事件,而不只是window的load事件。
1
function addEventSimply(obj, evt, fn) {
2
if(obj.addEventListener) {
3
obj.addEventListener(evt, fn, false);
4
}
5
else if(obj.attachEvent) {
6
obj.attachEvent('on'+evt, fn)
7
}
8
}
使用举例:
function addEventSimply(obj, evt, fn) {2
if(obj.addEventListener) {3
obj.addEventListener(evt, fn, false);4
}5
else if(obj.attachEvent) {6
obj.attachEvent('on'+evt, fn)7
}8
}在之前写的blog《点击弹出新窗口》中的popup方法想要onload的话,怎么写?
1.addLoadEvent方法:
addLoadEvent(popup);
2.addEventSimply方法:
addEventSimply(window, 'load', popup);
ps.在用此方法前都是这么写的:
window.addEventListener ? window.addEventListener('load', fn, false) : window.attachEvent('onload', fn);
离上面的写法改进成addEventSimply方法不到两星期。。。


浙公网安备 33010602011771号