transformのpropertyNameを受け取るサンプル

#test1:

#test2:

<p>#test1: <span id="result1"></span></p>
<p>#test2: <span id="result2"></span></p>
<div id="test1"></div>
<div id="test2"></div>

$("#test1")[0].addEventListener("transitionend", function(e) {
  $("#result1").text(e.propertyName);
});
$("#test2")[0].addEventListener("transitionend", function(e) {
  $("#result2").text(e.propertyName);
});
$("#test1").css({
  '-webkit-transform': 'translateX(200px)',
  transition: '-webkit-transform 1s ease-in-out'
});
$("#test2").css({
  'transform': 'translateX(200px)',
  transition: 'transform 1s ease-in-out'
});