当前位置:Gxlcms > JavaScript > javascript跨浏览器的事件系统_javascript技巧

javascript跨浏览器的事件系统_javascript技巧

时间:2021-07-01 10:21:17 帮助过:11人阅读

但实质上javascript之父也不能主宰这一切,他支持的网景也没有强大到让竞争对手乖乖地使用它的产品,微软搞了一个JScript,死去的Macromedia 搞了一个ActionScript,还有更多,听说这个分支挺复杂的。但借用浏览器内置的DOM事件模型,第一个后果是,想使用它就必须借助某个DOM对象,window,document或元素节点,第二个后果是由于每个浏览器对DOM的支持不一,不能确保事件模型的一致,第三个是由于基于DOM对象,很容易造成循环引用。微软打赢第一次浏览器战争后,就基本没有更新其DOM模型了,与不断更新向w3c,ecma等标准靠近的“标准浏览器”分成两大阵营。但标准浏览器内也不是磐石一块,如FF就不支持mousewheel而是DOMMouseScroll,opera的contextmenu 是不可控的。我们需要自己实现一下。眼下,双主都实现DOM2的事件模型,微软的是attachEvent为首,标准的是addeventListener,允许同一个元素可以绑定多个同类型的事件回调函数。网上许多addEvent函数都是用它们做成的,但也不可靠,首先,IE的回调函数没有强制绑定事件对象,而标准浏览器是强舞曲第一个参数即为事件对象,尽管我们可以用call函数实现强制绑定,但IE的事件对象与标准的也不一样,这里有许多工作要做。另一个,就是回调函数的执行顺序问题,IE是无规则的,标准是按绑定的先后顺序执行。因此,这两个函数也被否定。我打算用最原始的onXXXX来实现,绑定多个函数时,就把它们放入一个函数中,一个for循环搞定。
代码如下:






Event系统 by 司徒正美