Kiểm tra xem quá trình chuyển đổi CSS3 có đang chạy

Question

Có cách nào để phát hiện trong Javascript của tôi không nếu một phần tử hiện đang được làm động với chuyển tiếp CSS3?

Một sự kiện "chuyển tiếp" (tương đương với sự kiện 'transistionend') cũng sẽ hoạt động, nhưng tôi không thể tìm thấy bất kỳ đề cập nào về nó trong đặc điểm kỹ thuật.

Answer 1

Vâng, vì chỉ có một sự kiện transitionend (http://www.w3.org/TR/css3-transitions/#transition-events) một cái gì đó xấu xí nói đến cái tâm của tôi:

http://jsfiddle.net/coma/psbBg/6/

JS

$(function() { 

    var div = $('div'); 
    var property = div.css('transition-property'); 
    var lastValue = div.css(property); 

    setInterval(function() { 

     if(lastValue !== div.css(property)) { 

      console.log('changed!'); 

     } 

     lastValue = div.css(property); 

    }, 10); 

}); 

Nó có thể được cải thiện thực hiện các sự kiện tùy chỉnh, chăm sóc nhận được thuộc tính chuyển tiếp chính xác (hoặc tài sản), và nhiều ý tưởng hơn, nhưng bạn có được hình ảnh đúng không?

Có lẽ bạn cần phải thực hiện con đường khác vào giải quyết vấn đề ban đầu của bạn ...