一、检测

用于用户代理检测,检测范围包括浏览器引擎、平台、Windows、移动设备和游戏系统等

/*
*用户代理检测脚本,检测范围包括浏览器引擎、平台、Windows、移动设备和游戏系统
*/
var client = function()
{
//呈现引擎
var engine = {
ie:0, //ie
gecko:0, //火狐
webkit:0, //chrome和safari
khtml:0, //Linux下的Konqueror
opera:0, //opera
ver:null //完整版本号
}; //浏览器
var browser = {
ie:0,
firefox:0,
safari:0,
konq:0,
opera:0,
chrome:0,
ver:null //具体版本号
}; //平台、设备和操作系统
var system = {
//操作系统
win:false,
mac:false,
xll:false, //UNIX //移动设备
iphone:false,
ipod:false,
ipad:false,
ios:false,
android:false,
nokiaN:false, //诺基亚
winMobile:false, //windows mobile //游戏系统
wii:false, //Wii
ps:false //Playstation 3
}; //检测呈现引擎和浏览器
var ua = navigator.userAgent;
if(window.opera)
{
engine.ver = browser.ver = window.opera.version();
engine.opera = browser.opera = parseFloat(engine.ver);
}
else if(/AppleWebkit\/(\S+)/.test(ua ))
{
engine.ver = RegExp["$1"];
engine.webkit = parseFloat(engine.ver); //确定是chrome还是safari
if(/Chrome\/(\S+)/.test(ua))
{
browser.ver = RegExp["$1"];
browser.chrome = parseFloat(browser.ver);
}
else if(/Version\/(\S+)/.test(ua))
{
browser.ver = RegExp["$1"];
browser.safari = parseFloat(browser.ver);
}
else
{
// 近似确定版本号
var safariVersion = 1;
if(engine.webkit < 100)
{
safariVersion = 1;
}
else if(engine.webkit < 312)
{
safariVersion = 1.2;
}
else if(engine.webkit < 412)
{
safariVersion = 1.3;
}
else
{
safariVersion = 2;
}
browser.safari = browser.ver = safariVersion;
}
}
else if(/KHTML\/(\S+)/.test(ua) || /Konqueror\/([^; ]+)/.test(ua))
{
engine.ver = browser.ver = RegExp["$1"];
engine.khtml = browser.konq = parseFloat(engine.ver);
}
else if (/rv:([^\)]+)\) Gecko\/\d{8}/.test(ua))
{
engine.ver = RegExp["$1"];
engine.gecko = parseFloat(engine.ver); // 确定是不是FireFox
if(/firefox\/(\S+)/test(ua))
{
browser.ver = RegExp["$1"];
browser.firefox = parseFloat(engine.ver);
}
}
else if(/MISE ([^; ]+)/.test(ua))
{
engine.ver = browser.ver = RegExp["$1"];
engine.ie = browser.ie = parseFloat(engine.ver);
} // 检测浏览器
browser.ie = engine.ie;
browser.opera = engine.opera; // 检测平台
var p = navigator.platform;
system.win = p.indexOf("Win") == 0;
system.mac = p.indexOf("Mac") == 0;
system.xll = (p == "xll") || (p.indexOf("Linux") == 0); // 检测windows操作系统
if(system.win)
{
if(/Win(?:dows )?([^do]{2})\s?(\d+\.\d+)?/.test(ua))
{
if(RegExp["$1"] == "NT")
{
switch(RegExp["$2"])
{
case "5.0":
system.win = "2000";
break;
case "5.1":
system.win = "XP";
break;
case "6.0":
system.win = "Vista";
break;
case "6.1":
system.win = "7";
break;
default:
system.win = "NT";
break;
}
}
else if(RegExp["$1"] == "9x")
{
system.win = "ME";
}
else
{
system.win = RegExp["$1"];
}
}
} // 移动设备
system.iphone = ua.indexOf("iPhone") > -1;
system.ipod = ua.indexOf("iPod") > -1;
system.ipad = ua.indexOf("iPad") > -1;
system.nokiaN = ua.indexOf("NokiaN") > -1; // windows mobile
if(system.win == "CE")
{
system.winMobile = system.win;
}
else if(system.win == "Ph")
{
if(/Windows Phone OS (\d+.\d+)/.test(ua))
{
system.win = "Phone";
system.winMobile = parseFloat(RegExp["$1"]);
}
} // 检测IOS版本
if(system.mac && ua.indexOf("Mobile") > -1)
{
if(/CPU (?:iPhone )?OS (\d+_\d+)/.test(ua))
{
system.ios = parseFloat(RegExp.$1.replace("_","."));
}
else
{
system.ios = 2;
}
} // 检测Android
if(/Android (\d+\.\d+)/.test(ua))
{
system.android = parseFloat(RegExp.$1);
} // 游戏系统
system.wii = ua.indexOf("Wii") > -1;
system.ps = /playstation/i.test(ua); // 返回结果
return {
engine:engine,
browser:browser,
system:system
};
}();

二、事件的跨浏览器处理

/* *参数:ele-->元素,type-->事件类型,不带on,handler-->事件处理程序 */ var EventHandler = { addHandler:function(ele,type,handler){               //添加处理程序 // DOM2级事件处理 if(ele.addEventListener){ ele.addEventListener(type,handler,false); }else if(ele.attachEvent){ ele.attachEvent("on"+type,handler); }else{ // DOM0级事件处理 ele["on"+type] = handler; } }, removeHandler:function(ele,type,handler){            //删除处理程序 if(ele.removeEventListener){ ele.removeEventListener(type,handler,false); }else if(ele.detachEvent){ ele.detachEvent("on"+type,handler); }else{ ele["on"+type] = null; } },

getEvent:function(event){ //获取事件对象

return event?event:window.event;

},

getTarget:function(event){ //获取事件目标

return event.target || event.srcElement;

},

preventDefault:function(event){ //阻止事件默认行为

if(event.preventDefault){

event.preventDefault();

}else{

event.returnValue = false;

}

},

stopPropagation:function(event){ //阻止事件流

if(event.stopPropagation){

event.stopPropagation();

}else{

event.cancelBubble = true;

}

},

getRelatedTarget:function(event){ //在mouseover和mouseout中获取相关元素

if(event.relatedTarget){

return event.relatedTarget;

}else if(event.toElement){ //IE8及以下版本不支持relatedTarget属性

return event.toElement;

}else if(event.fromElement){

return event.fromElement;

}else{

return null;

}

},

getWheelDelta:function(event){ //获取鼠标滚轮数据

if(event.wheelDelta){

return (client.engine.opera && client.engine.opera < 9.5?-event.wheelDelta:event.wheelDelta);

}else{

return –event.detail*40; //针对FireFox

}

},

getCharCode:function(event){ //获取字符编码

if(event.charCode == “number”){

return event.charCode;

}else{

return event.keyCode;

}

}, };

存在的不足之处敬请见谅。

原文首发:http://www.ido321.com/1403.html

DOM(十四):代理检测和事件处理(跨浏览器)的更多相关文章

  1. Android入门(十四)内容提供器-实现跨程序共享实例

    原文链接:http://www.orlion.ga/661/ 打开SQLite博文中创建的 DatabaseDemo项目,首先将 MyDatabaseHelper中使用 Toast弹出创建数据库成功的 ...

  2. Java设计模式菜鸟系列(十四)代理模式建模与实现

    转载请注明出处:http://blog.csdn.net/lhy_ycu/article/details/39856435 代理模式(Proxy):代理模式事实上就是多一个代理类出来,替原对象进行一些 ...

  3. .NET Core实战项目之CMS 第十四章 开发篇-防止跨站请求伪造(XSRF/CSRF)攻击处理

    通过 ASP.NET Core,开发者可轻松配置和管理其应用的安全性. ASP.NET Core 中包含管理身份验证.授权.数据保护.SSL 强制.应用机密.请求防伪保护及 CORS 管理等等安全方面 ...

  4. 爱创课堂每日一题第五十四天- 列举IE 与其他浏览器不一样的特性?

    IE支持currentStyle,FIrefox使用getComputStyle IE 使用innerText,Firefox使用textContent 滤镜方面:IE:filter:alpha(op ...

  5. JS原生事件处理(跨浏览器)

    一.关于获取事件对象 FF有点倔强,只支持arguments[0],不支持window.event.这次真的不怪IE,虽然把event作为window的属性不合规范,但大家都已经默许这个小问题存在了, ...

  6. 代理模式 PROXY Surrogate 结构型 设计模式(十四)

    代理模式 PROXY 别名Surrogate 意图 为其他的对象提供一种代理以控制对这个对象的访问. 代理模式含义比较清晰,就是中间人,中介公司,经纪人... 在计算机程序中,代理就表示一个客户端不想 ...

  7. JS事件流、DOM事件流、IE事件处理、跨浏览器事件处理、事件对象与类型

    事件的移除 removeEventListener() 第二个参数需要指定要移除的事件句柄,不能是匿名函数,因为无法识别 想要移除成功,那么三个参数必须跟addEventListener中的三个完全一 ...

  8. JavaScript(第二十四天)【事件对象】

    JavaScript事件的一个重要方面是它们拥有一些相对一致的特点,可以给你的开发提供更多的强大功能.最方便和强大的就是事件对象,他们可以帮你处理鼠标事件和键盘敲击方面的情况,此外还可以修改一般事件的 ...

  9. JavaScript高级程序设计:第十四章

    第十四章 一.表单的基础知识 在HTML中,表单是由<form>元素来表示的,而在javascript中,表单对应的则是HTMLFormElement类型.HTMLFormElement继 ...

随机推荐

  1. sqlserver 事务日志

    预写式日志(Write-Ahead Logging (WAL)) --在数据写入到数据库之前,先写入到日志. 1.”Begin Tran”记录  -> 缓冲区 2. 日志             ...

  2. Qt中的标准对话框

    1. Qt为开发者提供了一些可复用的对话框类型,如QMessageBox,QFileDialog,QPrintDialog, QColorDialog, QInputDialog, QProgress ...

  3. beleline hive spark-shell帮助

    -- beeline帮助 : jdbc:hive2://100.69.216.40:10001> !help !addlocaldriverjar Add driver jar file in ...

  4. thinkPHP Model的操作

    1.建立一个表 create table Demo( -> id int, ), -> age int, ) -> ); 2.新增数据 2.1面向过程的风格 $d = $a-> ...

  5. py---------常用模块

    一.认识模块? 什么是模块? 常见的场景:一个模块就是一个包含了python定义和声明的文件,文件名就是模块名字加上.py的后缀. 但其实import加载的模块分为四个通用类别: 1. 使用pytho ...

  6. Hive 变量和属性

    Hive 中变量和属性命名空间 下面我们来用几个例子操作下: &hive SLF4J: Class path contains multiple SLF4J bindings.SLF4J: F ...

  7. DRF接入Oauth2.0认证[微博登录]报错21322重定向地址不匹配

    DRF接入Oauth2.0认证[微博登录]报错21322重定向地址不匹配 主题自带了微博登陆接口,很简单的去新浪微博开放平台创建了网页应用,然后把APP ID和 AppSecret填好后,以为大功告成 ...

  8. RTT学习之BSP

    ---恢复内容开始--- 一 根据相近型号的demo BSP进行修改制作自己的BSP https://github.com/RT-Thread/rt-thread/blob/master/bsp/st ...

  9. hdu 2222 ac自动机更新模板 for onSite contest

    http://acm.split.hdu.edu.cn/showproblem.php?pid=2222 #include <cstdio> #include <cstdlib> ...

  10. 01-取消文件与svn服务器的关联

    有的时候一个和svn服务器关联的文件,svn的链接已经失效,但是文件还是显示和svn关联的状态. 下面主要是解决怎么取消一个文件和svn服务器的关联. 1 新建一个文本文件 在任意目录下新建一个文本文 ...