ie和firefox不兼容的解决方法集合

 更新时间:2009年04月28日 19:30:06   作者:   我要评论
网页设计很多情况下,需要注意ie跟firefox的不同区别,脚本之家提供了不好这样的文章,大家可以好好看下。
1、firefox和ie事件event处理
在ie中,事件对象是作为一个全局变量来保存和维护的。 所有的浏览器事件,不管是用户触发
的,还是其他事件, 都会更新window.event 对象。 所以在代码中,只要轻松调用 window.event
就可以轻松获取 事件对象, 再 event.srcElement 就可以取得触发事件的元素进行进一步处理
在ff中, 事件对象却不是全局对象,一般情况下,是现场发生,现场使用,ff把事件对象自动传
递给对应的事件处理函数。 在代码中,函数的第一个参数就是ff下的事件对象了。
<button id="btn4" onclick="foo4()">按钮4</button>
<script>
function foo4(){
var evt=getEvent();
var element=evt.srcElement || evt.target ;
alert(element.id)
}
function getEvent()
{ //同时兼容ie和ff的写法
if(document.all) return window.event;
func=getEvent.caller;
while(func!=null){
var arg0=func.arguments[0];
if(arg0){
if((arg0.constructor==Event || arg0.constructor ==MouseEvent) || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation)){
return arg0;
}
}
func=func.caller;
}
return null;
}
</script>
2、firefox和ie对手型指针cursor不兼容
手型指针有cursor:hand和cursor:pointer两种写法,其中cursor:hand在ff中不支持,返回错误!
只要使用cursor:pointer即可,ff和ie都支持!

相关文章

  • JS实现新建文件夹功能

    JS实现新建文件夹功能

    这篇文章主要为大家详细介绍了JS实现新建文件夹功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • js实现div闪烁原理及实现代码

    js实现div闪烁原理及实现代码

    闪烁的原理是什么呢:其实就一个,display在none与block之间频繁的交替,这样说你明白了么,示例代码如下,希望对大家有所帮助
    2014-06-06
  • IE图片缓存document.execCommand("BackgroundImageCache",false,true)

    IE图片缓存document.execCommand("BackgroundImageCache&qu

    IE6下设置背景图片是不会被真正cache住的,就算服务器做了cache,如果想cache住只能
    2011-03-03
  • 使用Curl命令查看请求响应时间方法

    使用Curl命令查看请求响应时间方法

    curl命令查看请求响应时间的方法非常简单,今天小编抽空给大家介绍下使用Curl命令查看请求响应时间方法,感兴趣的朋友一起看看吧
    2016-11-11
  • JavaScript图像延迟加载库Echo.js

    JavaScript图像延迟加载库Echo.js

    Echo 是一个独立的 JavaScript 懒加载图像的工具,快速、体积小(不足1k)和使用 HTML5 的 data- 属性,通过本文给大家介绍JavaScript图像延迟加载库Echo.js ,感兴趣的朋友一起学习吧
    2016-04-04
  • 详解ES6 系列之异步处理实战

    详解ES6 系列之异步处理实战

    这篇文章主要介绍了详解ES6 系列之异步处理实战,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10
  • iview通过Dropdown(下拉菜单)实现的右键菜单

    iview通过Dropdown(下拉菜单)实现的右键菜单

    这篇文章主要介绍了iview通过Dropdown(下拉菜单)实现的右键菜单 ,需要的朋友可以参考下
    2018-10-10
  • javascript设计模式之中介者模式学习笔记

    javascript设计模式之中介者模式学习笔记

    这篇文章主要为大家详细介绍了javascript设计模式之中介者模式学习笔记,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • 小程序实现多列选择器

    小程序实现多列选择器

    这篇文章主要为大家详细介绍了小程序实现多列选择器的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-02-02
  • js实现手机拍照上传功能

    js实现手机拍照上传功能

    这篇文章主要为大家详细介绍了js实现手机拍照上传功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01

最新评论