無法獲取JavaScript來檢測css3 animationend

Question

我無法正確獲取我的animationEnd的JavaScript。

我有一個div（「diaDiv」），當頁面加載時淡入。我試圖讓它一旦完全淡入，將其下面的隱藏div（「responseDiv」）更改爲可見。

function displayText(){ 
    var element = document.getElementById('diaDiv'); 
    element.addEventListener('webkitAnimationEnd, document.getElementById('responseDiv').style.visibility = "visible", false); 
    element.addEventListener('AnimationEnd, document.getElementById('responseDiv').style.visibility = "visible", false); 
    element.addEventListener('webkitAnimationEnd, document.getElementById('responseDiv').style.visibility = "visible", false); 
} 

我也有把responseDiv的造型在其他功能，並簡單地調用該函數從事件偵聽器試了一下。

這似乎是人們有工作，但我沒有太多的運氣。如果我有函數運行onLoad（），div從一開始就是可見的，所以我認爲這是我的事件監聽器的問題。有什麼建議麼？

Answer 1

您錯過了' s，我相信您需要function()。嘗試

function displayText(){ 
    var element = document.getElementById('diaDiv'); 
    element.addEventListener('webkitAnimationEnd', function() { 
     document.getElementById('responseDiv').style.visibility = "visible" 
    }, false); 
    element.addEventListener('AnimationEnd', function() { 
     document.getElementById('responseDiv').style.visibility = "visible" 
    }, false); 
    element.addEventListener('webkitAnimationEnd', function() { 
     document.getElementById('responseDiv').style.visibility = "visible" 
    }, false); 
}