TransitionEvent
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Giao diện TransitionEvent biểu diễn các sự kiện cung cấp thông tin liên quan đến transitions.
Hàm khởi tạo
TransitionEvent()-
Tạo sự kiện
TransitionEventvới các tham số đã cho.
Thuộc tính phiên bản
Cũng kế thừa các thuộc tính từ cha nó Event.
TransitionEvent.propertyNameRead only-
Chuỗi chứa tên thuộc tính CSS liên quan đến transition.
TransitionEvent.elapsedTimeRead only-
Số
floatcho biết thời gian transition đã chạy, tính bằng giây, khi sự kiện này được kích hoạt. Giá trị này không bị ảnh hưởng bởi thuộc tínhtransition-delay. TransitionEvent.pseudoElementRead only-
Chuỗi bắt đầu bằng
::, chứa tên của phần tử giả mà hoạt ảnh chạy trên đó. Nếu transition không chạy trên phần tử giả mà trên phần tử, chuỗi rỗng:''.
Các loại TransitionEvent
transitioncancel-
Một
Eventđược kích hoạt khi CSS transition đã bị hủy. transitionend-
Một
Eventđược kích hoạt khi CSS transition đã hoàn thành phát. transitionrun-
Một
Eventđược kích hoạt khi CSS transition được tạo (tức là khi nó được thêm vào tập hợp các transition đang chạy), mặc dù chưa nhất thiết bắt đầu. transitionstart-
Một
Eventđược kích hoạt khi CSS transition đã bắt đầu chuyển đổi.
Phương thức phiên bản
Cũng kế thừa các phương thức từ cha nó Event.
Thông số kỹ thuật
| Specification |
|---|
| CSS Transitions Module Level 1> # interface-transitionevent> |
Tương thích trình duyệt
Xem thêm
- Sử dụng CSS transitions
- Thuộc tính CSS:
transition,transition-delay,transition-duration,transition-property,transition-timing-function - Quy tắc CSS:
@starting-style