欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2024-03-17 15:05:40
...

 

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