Javascript CSS3監聽器沒有捕捉到webkit *結束

Question

我想抓到以javascript結尾的CSS效果。但由於某種原因，eventListener沒有捕獲任何東西。具體來說，當類phoneQueue類的CSS效果完成後，我希望JavaScript在事件完成時捕獲事件。我已經嘗試過webkitTransformEnd，webkitTransitionEnd和webkitAnimationEnd，並且無法將事件發送到fireoff。事件如何（不管我嘗試哪種方式）沒有被捕獲？

function rotateLists() { 
    var eventType = "webkitTransformEnd"; 
    document.addEventListener("eventType", function() { alert("hi"); }, false); 
    var phone = document.getElementById("phoneQueue"); 
    var chat = document.getElementById("chatQueue"); 
    phone.classList.add("phoneQueueOff"); 
    setTimeout(function() { 
     chat.classList.toggle("visible"); 

     chat.classList.add("chatQueueOn") }, 2000); 

} 

CSS3：

.phoneQueueOff, .chatQueueOff { 
    -webkit-transform: rotateY(60deg); 
    -webkit-transition-duration: 2s; 
} 

.phoneQueueOn, .chatQueueOn { 
    -webkit-animation: spinY 2s; 
} 

@-webkit-keyframes spinY 
{ 
    0% {-webkit-transform: rotateY(90deg); -webkit-transform-origin: 0% 0% 5;} 
    100% {-webkit-transform: rotateY(0deg); -webkit-transform-origin: 0% 0% 5;} 
} 

Answer 1

document.addEventListener("eventType", function() { alert("hi"); }, false); 

應該

document.addEventListener(eventType, function() { alert("hi"); }, false); 

因爲eventType是一個變量，而不是一個事件的名稱。