码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2017-10-11 15:28:43      阅读:263      评论:0      收藏:0      [点我收藏+]

标签:reac   回调   根据   css   tran   log   []   webkit   orm   

 

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

  

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

标签:reac   回调   根据   css   tran   log   []   webkit   orm   

原文地址:http://www.cnblogs.com/xiaozhuzhuandxiaomoney/p/7650234.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!