• IE 和 firefox js 兼容问题


    1、判断浏览器类型

    1var ver="IE6";
    2if (window.XMLHttpRequest)
    3    ver = (!window.ActiveXObject) ? "Mozilla or Safari" : "IE7"
    4return ver;


    2、获取位置,在firefox中,无法使用object.style.pixelLeft,只能用object.style.left (top一样) ,object.style.left 返回值是带有单位的,这里假设单位是(px),如下为获取位置的函数

    1 function getPos(obj)
    2 {
    3     var p = new function(){this.left;this.top;};
    4     p.left = parseInt(obj.style.left.slice(0,-2),10);
    5     p.top = parseInt(obj.style.top.slice(0,-2),10);
    6     return p;
    7 }
    8 var pos = getPos(document.getElementById("111"));
    9 alert("left:"+pos.left+"\ntop:"+pos.top);


    3、透明度设置不同

    1 function setOpcity(obj,value){    
    2     // alpha(opacity=50)仅被IE支持       
    3     if(isMSIE){    
    4       obj.style.filter="alpha(opacity="+value+")";    
    5     }else{    
    6       obj.style.MozOpacity=value*0.01;    
    7     }    
    8 

    4、禁止文本选择的方法

    1、判断浏览器类型

    1var ver="IE6";
    2if (window.XMLHttpRequest)
    3    ver = (!window.ActiveXObject) ? "Mozilla or Safari" : "IE7"
    4return ver;


    2、获取位置,在firefox中,无法使用object.style.pixelLeft,只能用object.style.left (top一样) ,object.style.left 返回值是带有单位的,这里假设单位是(px),如下为获取位置的函数

    1 function getPos(obj)
    2 {
    3     var p = new function(){this.left;this.top;};
    4     p.left = parseInt(obj.style.left.slice(0,-2),10);
    5     p.top = parseInt(obj.style.top.slice(0,-2),10);
    6     return p;
    7 }
    8 var pos = getPos(document.getElementById("111"));
    9 alert("left:"+pos.left+"\ntop:"+pos.top);


    3、透明度设置不同

    1 function setOpcity(obj,value){    
    2     // alpha(opacity=50)仅被IE支持       
    3     if(isMSIE){    
    4       obj.style.filter="alpha(opacity="+value+")";    
    5     }else{    
    6       obj.style.MozOpacity=value*0.01;    
    7     }    
    8 

    4、禁止文本选择的方法

     1 <script> 
     2 document.onselectstart=function(){return false;}//这个函数是对ie,为ff时使用css来控制 
     3 </script> 
     4 <style>    
     5 /*下面这个css是firefox防止选择的,firefox没有onselectstart事件*/ 
     6 body    
     7 {    
     8     -moz-user-focus:   ignore;    
     9     -moz-user-input:   disabled;    
    10     -moz-user-select:   none;    
    11 }      
    12      
    13 </style>  
  • 相关阅读:
    leetcode_24. 两两交换链表中的节点
    Mysql大数据量分页优化
    MySQL 默认排序是什么
    spring注入map,spring注入一个接口的多个实现类在map里
    eureka缓存细节以及生产环境的最佳配置
    MySQL 5.7性能调优
    安装后的十个MySQL性能调整设置(版本:5.1、5.5 和5.6)
    docker部署tomcat应用和MySQL数据库
    MySQL热备工具Xtrabackup
    MySQL数据库的冷备方式
  • 原文地址:https://www.cnblogs.com/eoiioe/p/1386310.html
Copyright © 2020-2023  润新知