未捕获webkit*的Javascript CSS3侦听器结束

我试图捕捉以javascript结尾的CSS效果。但是由于某些原因，eventListener没有捕获任何事件。具体地说，当类phoneQueue类的css效果完成时，我希望javascript在完成时捕获事件。我已尝试WebKittTransformEnd、WebKittTransitionEnd和webkitAnimationEnd，但无法启动事件。为什么这件事（无论我怎么做）没有被抓住

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：

应该是

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

---

因为

eventType

是一个变量，而不是事件的名称。

另外，我认为事件名称是

WebKittTransformEnd

，大写字母太多了。@NiettheDarkAbsol:我已经写了一篇评论；我们拭目以待。无法测试它

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

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