js根据浏览器对css3移动的支持,选择元素移动方式

 

实现ie9以下移动方式为margin方式移动,其他根据浏览器对transfom的支持形式进行选择

var moveStyle="margin";
var testDiv=document.createElement("div");
var transform=[];
//IE9及以上区分 div元素识别oninput属性
if("oninput" in testDiv ){
	//forEach函数,调用数组每个元素,并将元素传递给回调函数
	["","ms","moz","webkit"].forEach(function (prefix){
		transform.push(prefix + (prefix ? "T" : "t") + "ransform");
	});
	alert(transform);
	//for in语句遍历数组或者对象属性
	for(var key in transform){
		if(transform[key] in testDiv.style){
			moveStyle=transform[key];
		}
	}
	alert(moveStyle);
}

  

posted @ 2017-10-11 14:03  偶多克  阅读(180)  评论(0编辑  收藏  举报