js根據瀏覽器對css3移動的支援，選擇元素移動方式

標籤：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移動的支援，選擇元素移動方式