[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方法不到两星期。。。
注册方法。
1function 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}
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事件。
1function 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}
使用举例: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方法不到两星期。。。