总结IE浏览器事件处理与其他浏览器的差异

1、表示发生事件: (1)非IE浏览器下,事件对应的函数有一个隐藏的变量e,表示发生事件。 (2)IE下,不需要e变量,window.event表示发生事件。 解决方案:用e||window.event来兼容。...
1、表示发生事件:

(1)非IE浏览器下,事件对应的函数有一个隐藏的变量e,表示发生事件。


(2)IE下,不需要e变量,window.event表示发生事件。


解决方案:用e||window.event来兼容。


2、触发事件对象(触发事件的元素被认为是目标target):

(1)IE下,window.event对象有srcElement属性,但没有target属性。


(2)Firefox下,e对象有target属性,但没有srcElement属性。


(3)Chrome下,e对象同时具有target和srcElement属性。


解决方案:event.srcElement ? event.srcElement : event.target来兼容。


3、按键码(字符代码):

(1)IE下,window.event对象只有keyCode属性。


(2)FireFox下,e对象有which和charCode属性。


(3)Opera下,e对象有keyCode和which属性。


(4)Chrome下,e对象有keyCode、which和charCode属性。


解决方案:用e.keyCode || e.which || e.charCode来兼容。


4、阻止事件的默认行为:

(1)IE 中阻止事件的默认行为需要将window.event.returnValue属性设置为false。


(2)非IE阻止事件的默认行为需要调用 e.preventDefault() 方法。


解决方案:条件判断浏览器是否具有event.preventDefault再做相应处理。


5、阻止事件冒泡:

(1)IE阻止事件冒泡需要设置window.event.cancelBubble = true。


(2)非IE阻止事件冒泡需要调用e.stopPropagation()。


解决方案:条件判断浏览器是否具有event.stopPropagation再做相应处理。

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
牟雪峰
牟雪峰

12 篇文章

作家榜 »

  1. admin 651 文章
  2. 粪斗 185 文章
  3. 王凯 92 文章
  4. 廖雪 78 文章
  5. 牟雪峰 12 文章
  6. 李沁雪 9 文章
  7. 全易 2 文章
  8. bngvitmrbj 0 文章