[IE&FireFox]JS兼容

简介:
 我喜欢用FireFox,而IE是浏览器中的老大。FireFox用标准的JS,听说IE比较人性化,IE7也比IE6标准,我们程序员天生就是个苦命的 孩子不得不做到这两个浏览器的兼容。在我们所做的项目里基本上都实现了这两个浏览器的兼容,在制作过程中也遇到很多IE和FireFox之间的兼容性问 题,在此记下以便以后之用!!!

    IE:        onpropertychange;
    FireFox:   oninput;

    此事件发生于onchange事件之前,经常用于密码强度的验证,密码和确认密码的对比等等,要做到兼容可以将两个事件全写入其中,IE和FireFox个没有对方的这个事件。

    IE:        document.formName.item("itemName");
    FireFox:   document.formName.elements["itemName"];

    用于迭代返回Form表单中的元素。

     IE&FireFox:
     function getParentElement(obj)
     {
       if
(window.attachEvent && !window.opera)
       {
         return obj.parentElement;
       }else{
         return obj.parentNode;
       }
      
     }

    获取当前Element对象中父对象。

     IE&FireFox:
     function eventX()
     {
       return event.x ? event.x : event.pageX; 
     }

     function eventY()
     {
       return event.y ? event.y : event.pageY;
     }

     获取事件触发的坐标。

     IE&FireFox:
     function getEventer(e)
     {
       return e.target ? e.target : e.srcElement;
     }

     获取当前触发事件的控件。
本文转自网魂小兵博客园博客,原文链接:http://www.cnblogs.com/xdotnet/archive/2007/06/26/ie_and_firefox_js.html,如需转载请自行联系原作者
     OK,if...then...next...
相关文章
|
1月前
|
编解码 移动开发 前端开发
什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
29 0
|
1月前
|
移动开发 前端开发 JavaScript
什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的 IE?
什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的 IE?
|
1月前
|
Web App开发 JavaScript 前端开发
JavaScript在IE和标准浏览器下的兼容性处理
JavaScript在IE和标准浏览器下的兼容性处理
52 0
|
7月前
|
JavaScript
兼容IE浏览器
兼容IE浏览器
46 0
|
7月前
|
前端开发 JavaScript UED
css中什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
css中什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
30 0
|
8月前
|
JavaScript
vue里使用animated-scroll-to代替原生滚动实现兼容ie的平滑滚动定位
vue里使用animated-scroll-to代替原生滚动实现兼容ie的平滑滚动定位
56 0
|
8月前
|
移动开发 前端开发 JavaScript
什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的 IE?
什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的 IE?
|
10月前
|
Web App开发 JavaScript
JS 获取当前浏览器类型(IE、Chrome、Edge、Firefox、Opera、UC、QQ)
JS 获取当前浏览器类型(IE、Chrome、Edge、Firefox、Opera、UC、QQ)
929 0
|
Web App开发 前端开发
区分IE6,IE7,IE8,IE9,FireFox,Chrome浏览器的CSS hack
区分IE6,IE7,IE8,IE9,FireFox,Chrome浏览器的CSS hack
|
移动开发 前端开发 HTML5
web页面实现全背景视频功能方案:使用bideo.js来处理object-fit在ie浏览器下不兼容问题
web页面实现全背景视频功能方案:使用bideo.js来处理object-fit在ie浏览器下不兼容问题
203 0
web页面实现全背景视频功能方案:使用bideo.js来处理object-fit在ie浏览器下不兼容问题