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

Posted 2020-10-10 偶多克

 

实现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);
}