IE 与其他浏览器不一样的特性
程序员文章站
2022-04-27 18:58:52
...
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再做相应处理。
6、IE中消除list的原点仅需margin:0即可达到最终效果;FIrefox需要设置margin:0;padding:0以及list-style:none;
推荐阅读
-
当把宽度设为25%时,其他浏览器正常,IE7图片会掉下来,有没有好的解决方法_html/css_WEB-ITnose
-
IE,火狐以及其他浏览器主页被劫持到www.2345.com/?kunown的解决办法[图文]
-
ie浏览器打不开网页的原因与解决方法
-
IE,火狐以及其他浏览器主页被劫持到www.2345.com/?kunown的解决办法[图文]
-
IE浏览器 div或者其他容器的height属性无效 滚动条问题解决办法
-
IE浏览器与FF浏览器关于Ajax传递参数值为中文时的区别实例分析
-
Win8.1系统IE浏览器提示加载项与增强安全功能不兼容的解决方法图文教程
-
IE浏览器收藏夹的备份与恢复的两种方法(文件复制与导入和导出)
-
高德地图实现对应车辆的轨迹回放与轨迹的清除重绘制(浏览器支持: PathSimplifier目前依赖Canvas进行绘制,因此不支持IE9及以下浏览器)
-
IE与现代浏览器下CSS的!important属性使用