1. 之前写的一直都是分散的函数,用到什么功能,就写什么函数,觉得不够整洁,所以这次写的是封装的类,用起来还不错,但是传递参数的时候遇到了不少问题,所以,查阅了很多资料,总结如下:
1)动态绑定事件问题:
需要将onclick事件绑定到对象上,比如列表项。需要用到addeventlistener或者attachevent,用于吧函数操作添加到事件中去,而不是覆盖,但是,attachevent不支持ff,ff只能用addeventlistener。so,就需要一个函数,把它们俩给综合起来,于是乎,这个函数诞生了:
复制代码 代码如下:
function addeventhandler(otarget, seventtype, fnhandler)
{
if(otarget.addeventlistener)
{otarget.addeventlistener(seventtype, fnhandler, false);}
else if(otarget.attachevent)
{otarget.attachevent('on' + seventtype, fnhandler);}
else{otarget['on' + seventtype] = fnhandler;}
}
2)传递this参数问题:
由于我吧函数和属性都封装到了一个类里面,所以在绑定onclick之类的事件是,就会产生一个问题,比如,addeventhandler(this.elems[i],click,this.move);,这样就出错了,因为在onclick事件发生的时候,调用的this就不是指向这个封装的类了,于是乎,就需要用到apply()了~——应用某一对象的一个方法,用另一个对象替换当前对象。具体格式我就不用说了,网上一大堆~函数:
复制代码 代码如下:
var bind = function(object,func){
var args = array.prototype.slice.call(arguments).slice(2);
return function(){
return func.apply(object,args);
}
}
调用:
this._fnmove=bind(this,this.move,i);//this.move是我定义的一个成员函数,封装在类中
//this.elems[i].onclick=this._fnmove;//吧上面那句话换成这句话也是可以的,只不过,onclick事件就被替换为this._fnmove,而不是添加this._fnmove进去
addeventhandler(this.elems[i],click,this._fnmove);
这样就ok了~
ps.call()也是基本相同的功能,但具体参数不一样
2.setinterval问题
1)与settimeout的区别
在一般情况下,settimeout仅执行一次,(当然,如果在一个函数里反复调用settimeout,就可以重复执行了)而 setinterval是可以重复执行的,直到clearintercal()
2)在ie下不兼容问题
这个问题折磨了我50%的时间,哦买噶,以后是不是要半生都浪费在跟ie干仗上了。。。
本来,在chrome,ff,safari上都运行的很好,我相当激动,以至于遗忘了ie。。。后来在ie上一试,结果,完了,修改,google(此处为动词,嘿嘿),基本上花了大半天时间吧,终于搞定。 之前,语句是这样的:this.timer=setinterval(this.unfold,5,this.divs[index],this);结果在ie下完全不好使。最后,在某位大侠的文章里面看到如下描述:在ie下,settimeout和setinterval是不支持参数传递的.问题很快就解决掉了,果然是我太菜了~
解决问题的函数如下:
复制代码 代码如下:
var mysetinterval = setinterval;
window.setinterval = function(callback, interval)
{
var args = array.prototype.slice.call(arguments, 2);
function callfn(){callback.apply(null, args);}
return mysetinterval(callfn, interval);
}
var mysettimeout = settimeout; //修改setinterval
window.settimeout = function(callback, timeout)
{
var args = array.prototype.slice.call(arguments, 2);
function callfn(){callback.apply(null, args);}
然后使用window.settimeout或window.setinterval调用就可以了~
我的语句修改如下:
this.timer=window.setinterval(this.unfold,5,this.divs[index],this); //其中,this.divs[index],this是传递的两个参数
再次谢谢那位大侠,虽然他不认识我~
目前,在ie中还有点排版的小问题,继续学习~全力兔子!
