cf-platform/Public/Mobile/js/ai.js

/**
 * ai是一个提供基础常用函数的单体。各个函数的功能见各个函数的注释。
 * @version 3.0.1
 */
var ai = {
	
	touchClick: function(obj, fun) {
		/**
		* 该方法用于绑定点击事件，比一般的click事件反应速度快2倍。
		* @param {对象字面量} obj 要绑定的dom对象
		* @param {对象字面量} fun 事件触发的函数
		*/
		var start_x = 0,
			start_y = 0;
		obj.addEventListener('touchstart',function(e){
			start_x = e.touches[0].clientX;
			start_y = e.touches[0].clientY;
			document.addEventListener('touchend', touEnd, false);
		});
		function touEnd(e){
			var endX = e.changedTouches[0].clientX;
			var endY = e.changedTouches[0].clientY;
			if(Math.abs(endX - start_x) < 5 && Math.abs(endY - start_y) < 5) {
				fun.call(obj,e);
			}
			document.removeEventListener('touchend', touEnd, false);
		};
	},
	ovb: {
		/**
		* 该对象用于判断系统，系统版本，浏览器，苹果设备等等功能。ovb是单词 Os Version Browser 的头字母缩写。
		*/
		_version_value: false,
		_bversion_value: false,
		_ua: navigator.userAgent,
		android: function() {
			/**
			* 该方法用于判断是否为安卓平台，如果是返回ture 否 返回 false
			* @author 黄浩明
			* @return ture或者false
			*/	
			var regular_result = this._ua.match(/(Android)\s+([\d.]+)/),
				os_boolean = !!regular_result;
			if(!this._version_value && os_boolean){
				this._version_value = regular_result[2];
			}
			this.android = function(){return os_boolean;};
			return os_boolean;
		},
		ios: function() {
			/**
			* 该方法用于判断是否为iOS平台，如果是返回ture 否 返回 false
			* @return ture或者false
			*/	
			var regular_result = this._ua.match(/.*OS\s([\d_]+)/),
				os_boolean = !!regular_result;
			if(!this._version_value && os_boolean){
				this._version_value = regular_result[1].replace(/_/g, '.');
			}
			this.ios = function(){return os_boolean;};
			return os_boolean;
		},
		ipod: function() {
			/**
			* 该方法用于判断是否为ipod设备，如果是返回ture 否 返回 false
			* @return ture或者false
			*/	
			var regular_result = this._ua.match(/(iPod).*OS\s([\d_]+)/),
				os_boolean = !!regular_result;
			if(!this._version_value && os_boolean){
				this._version_value = regular_result[2].replace(/_/g, '.');
			}
			this.ipod = function(){return os_boolean;};
			return os_boolean;
		},
		ipad: function() {
			/**
			* 该方法用于判断是否为ipad设备，如果是返回ture 否 返回 false
			* @return ture或者false
			*/
			var regular_result = this._ua.match(/(iPad).*OS\s([\d_]+)/),
				os_boolean = !!regular_result; 
			if(!this._version_value && os_boolean){
				this._version_value = regular_result[2].replace(/_/g, '.');
			}
			this.ipad = function(){return os_boolean;};
			return os_boolean;
		},
		iphone: function() {
			/**
			* 该方法用于判断是否为iphone设备，如果是返回ture 否 返回 false
			* @return ture或者false
			*/
			var regular_result = this._ua.match(/(iPhone);.*OS\s([\d_]+)/),
				os_boolean = !!regular_result;
			if(!this._version_value && os_boolean){
				this._version_value = regular_result[2].replace(/_/g, '.');
			}
			this.iphone = function(){return os_boolean;};
			return os_boolean;
		},
		kindle: function() {
			/**
			* 该方法用于判断是否为kindle设备，如果是返回ture 否 返回 false
			* @return ture或者false
			*/
			var regular_result = this._ua.match(/Kindle\/([\d.]+)/),
				os_boolean = !!regular_result;
			if(!this._version_value && os_boolean){
				this._version_value = regular_result[1];
			}
			this.kindle = function(){return os_boolean;};
			return os_boolean;
		},
		webkit: function() {
			/**
			* 该方法用于判断是否为webkit内核的浏览器，如果是返回ture 否 返回 false
			* @return ture或者false
			*/
			var regular_result = this._ua.match(/WebKit\/([\d.]+)/),
				os_boolean = !!regular_result;
			if(!this._version_value && os_boolean){
				this._bversion_value = regular_result[1];
			}
			this.webkit = function(){return os_boolean;};
			return os_boolean;
		},
		uc: function() {
			/**
			* 该方法用于判断是否为UC内核的浏览器，如果是返回ture 否 返回 false
			* @return ture或者false
			* @tip    该函数只在安卓平台能正常判断，慎用！
			*/
			var regular_result = this._ua.match(/UC/),
				os_boolean = !!regular_result;
			this.uc = function(){return os_boolean;};
			return os_boolean;
		},
		opera: function() {
			/**
			* 该方法用于判断是否为opera浏览器，如果是返回ture 否 返回 false
			* @return ture或者false
			*/
			var regular_result = this._ua.match(/Opera/),
				os_boolean = !!regular_result;
			this.opera = function(){return os_boolean;};
			return os_boolean;
		},
		safari: function() {
			/**
			* 该方法用于判断是否为safari浏览器，如果是返回ture 否 返回 false
			* @return ture或者false
			* @tip    该函数在一些不知名的浏览器如遨游之类上不能正常判断
			*/
			var regular_result = this._ua.match(/Version.*Safari/),
				os_boolean = !!regular_result;
			this.safari = function(){return os_boolean;};
			return os_boolean;
		},
		silk: function() {
			/**
			* 该方法用于判断是否为silk浏览器，如果是返回ture 否 返回 false
			* @return ture或者false
			*/
			var regular_result = this._ua.match(/Silk/),
				os_boolean = !!regular_result;
			this.silk = function(){return os_boolean;};
			return os_boolean;
		},
		version: function() {
			/**
			* 该方法返回系统的版本
			* @return 系统版本号例如 5.5.1
			*/
			return this._version_value;
		},
		bVersion: function() {
			/**
			* 该方法返回webkit浏览器的版本
			* @return 系统版本号例如 5.5.1
			*/
			return this._bversion_value;
		}
	},
	a: function(s) {
		return document.querySelectorAll(s);
	},
	q: function(s) {
		return document.querySelector(s); 
	},
	i: function(id) {
		return document.getElementById(id);
	},
	c: function(klass) {
		return document.getElementsByClassName(klass);
	},
	hideUrl: function() {
		/**
		* 该方法用于在ios上隐藏导航条
		*/
		//setTimeout(scrollTo,0,0,0);
		setTimeout(function() {
                window.scrollTo(0, 1);
				
            },
            200)
	},
	wh: function() {
		/**
		* 该方法用于取得可视区域的高度
		* @return 可视区域的高度
		*/	
		return document.documentElement.clientHeight;
	},
	ww: function() {
		/**
		* 该方法用于取得可视区域的宽
		* @return 可视区域的宽
		*/	
		return document.documentElement.clientWidth;
	},
	hv: function() {
		/**
		* 该方法用于判断当前状态时横屏还是竖屏
		* @return 如果为竖屏返回否则返回false
		*/
		if(this.wh()/this.ww()>1){
			return true;
		}else{
			return false;
		}
	},
	resize: function(fun) {
		/**
		* 该方法用于绑定手机横屏竖屏的动作，之所以写了那么多代码，是因为该动作在安卓上会在转屏的时候出发2次，所以将间隔小于200秒的去掉。
		* @param {函数} 事件触发时要执行的函数。
		*/
		//var resize = 'onorientationchange' in window ? 'orientationchange' : 'resize';
		this.resize_time = Date.now();
		window.addEventListener('resize', function(){
			if(Date.now() - this.resize_time < 200 ){
				this.resize_time = Date.now();
			}else{
				fun();
				this.resize_time = Date.now();
			}
		}, false);
		
	},
	clone: function(object) {
		/**
	　　 * 该方法用于原型式继承
	　　 * @param {对象字面量} object 父对象
        * @return 返回一个继承了 object 的对象
	　　 */
		function f() {}
		f.prototype = object;
		return new f;
	},
	extend: function(subClass, superClass) {
		/**
		* 该方法用于类式继承
		* @param {对象字面量} subClass 子对象
		* @param {对象字面量} superClass 父对象
		*/	
		var f = function() {};
		f.prototype = superClass.prototype;
		subClass.prototype = new f();
		subClass.prototype.constructor = subClass;
		subClass.superclass = superClass.prototype;
		if(superClass.prototype.constructor == Object.prototype.constructor) {
			superClass.prototype.constructor = superClass;
		}
	},
	styleLoad: function(url,fun) {
		/**
		* 该方法用于动态加载css文件
		* @param {对象字面量} url 目标style文件的url
		* @param {对象字面量} fun style文件载入后执行的函数
		*/	
		var A = document.createElement("style");
		A.type = "text/css";
		A.src = url;
		document.head.appendChild(A)
		A.onload = function(){fun()};
	},
	scriptLoad: function(url,fun) {
		/**
		* 该方法用于动态加载js文件
		* @param {对象字面量} url 目标js文件的url
		* @param {对象字面量} fun js文件载入后执行的函数
		*/	
		var A = document.createElement("script");
		A.type = "text/javascript";
		A.src = url;
		document.head.appendChild(A);
		A.onload = function(){fun()};
	},
	touchMovePreventDefault: function(obj) {
		/**
		* 该方法用于取消目标DOM上touchMove的默认事件
		* @param {DOM对象}obj 目标DOM
		*/	
		obj.addEventListener("touchmove", function(e) {
			e.preventDefault();
		}, false);
	}
	
}