转通过DIV的DOM判断浏览器 比 Modernizr聪明简单

浏览器事件名称差异的解决:


var VENDORS = ["Moz",'webkit','ms','O'];
var TRANSITION_END_NAMES = {
	"Moz" : "transitionend"
	,"webkit" : "webkitTransitionEnd"
	,"ms" : "MSTransitionEnd"
	,"O" : "oTransitionEnd"
}
var ANIMATION_END_NAMES = {
	"Moz" : "animationend"
	,"webkit" : "webkitAnimationEnd"
	,"ms" : "MSAnimationEnd"
	,"O" : "oAnimationEnd"
}
var css3Prefix,TRANSITION_END_NAME,ANIMATION_END_NAME;
var mTestElement = document.createElement("div");

for (var i = 0,l = VENDORS.length; i < l; i++) {
	css3Prefix = VENDORS[i];
	if ((css3Prefix + "Transition") in mTestElement.style) {
		break;
	}
	css3Prefix = false;
}

if(css3Prefix) {
	TRANSITION_END_NAME = TRANSITION_END_NAMES[css3Prefix];
	ANIMATION_END_NAME = ANIMATION_END_NAMES[css3Prefix];
}
posted @ 2014-05-23 17:31  天棚  阅读(141)  评论(0编辑  收藏  举报