| CARVIEW |
Select Language
HTTP/2 200
content-type: text/html
x-guploader-uploadid: AAwnv3Lkx2ugiemVLsyDYCk1uj3dOSludzLIQKKXypdsbvg53aO8I4oPOsM959AM0AUtLoxX
cache-control: public, max-age=3600
expires: Fri, 10 Oct 2025 19:50:28 GMT
last-modified: Fri, 10 Oct 2025 01:11:31 GMT
etag: W/"5df4cd43c51fb22768a96614ca1845a5"
x-goog-generation: 1760058691333278
x-goog-metageneration: 1
x-goog-stored-content-encoding: identity
x-goog-stored-content-length: 156588
x-goog-meta-goog-reserved-file-mtime: 1760056929
x-goog-hash: crc32c=DVv/zA==, md5=XfTNQ8UfsidoqWYUyhhFpQ==
x-goog-storage-class: STANDARD
accept-ranges: none
alt-svc: h3=":443"; ma=2592000,h3-29=":443"; ma=2592000
alt-svc: clear
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
strict-transport-security: max-age=63072000
content-security-policy: default-src 'self'; script-src 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://www.googletagmanager.com/gtag/js assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M=' 'sha256-YCNoU9DNiinACbd8n6UPyB/8vj0kXvhkOni9/06SuYw=' 'sha256-PZjP7OR6mBEtnvXIZfCZ5PuOlxoDF1LDZL8aj8c42rw='; script-src-elem 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://www.googletagmanager.com/gtag/js assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M=' 'sha256-YCNoU9DNiinACbd8n6UPyB/8vj0kXvhkOni9/06SuYw=' 'sha256-PZjP7OR6mBEtnvXIZfCZ5PuOlxoDF1LDZL8aj8c42rw='; style-src 'report-sample' 'self' 'unsafe-inline'; object-src 'none'; base-uri 'self'; connect-src 'self' developer.allizom.org bcd.developer.allizom.org bcd.developer.mozilla.org updates.developer.allizom.org updates.developer.mozilla.org https://*.google-analytics.com https://*.analytics.google.com https://*.googletagmanager.com https://incoming.telemetry.mozilla.org https://observatory-api.mdn.allizom.net https://observatory-api.mdn.mozilla.net https://api.github.com/search/issues stats.g.doubleclick.net https://api.stripe.com; font-src 'self'; frame-src 'self' interactive-examples.mdn.mozilla.net interactive-examples.mdn.allizom.net mdn.github.io live-samples.mdn.mozilla.net live-samples.mdn.allizom.net *.mdnplay.dev *.mdnyalp.dev *.play.test.mdn.allizom.net https://v2.scrimba.com https://scrimba.com jsfiddle.net www.youtube-nocookie.com codepen.io survey.alchemer.com https://js.stripe.com; img-src 'self' data: *.githubusercontent.com *.googleusercontent.com *.gravatar.com mozillausercontent.com firefoxusercontent.com profile.stage.mozaws.net profile.accounts.firefox.com developer.mozilla.org mdn.dev interactive-examples.mdn.mozilla.net interactive-examples.mdn.allizom.net wikipedia.org upload.wikimedia.org https://mdn.github.io/shared-assets/ https://mdn.dev/ https://*.google-analytics.com https://*.googletagmanager.com www.gstatic.com; manifest-src 'self'; media-src 'self' archive.org videos.cdn.mozilla.net https://mdn.github.io/shared-assets/; child-src 'self'; worker-src 'self';
x-frame-options: DENY
origin-trial: AxVILwizhbMjxFeHOn1P3R8niO1RJY/smaK4B4d1rLzc1gTaxtXMSaTi+FoigYgCw40uFRDwFcEAeqDR+vVLOW4AAABfeyJvcmlnaW4iOiJodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZyIsImZlYXR1cmUiOiJQcml2YXRlQXR0cmlidXRpb25WMiIsImV4cGlyeSI6MTc0MjA3OTYwMH0=
x-cloud-trace-context: ea7ccd61e4b47fab34ea473d46cc2e6c
date: Fri, 10 Oct 2025 18:50:29 GMT
server: Google Frontend
via: 1.1 google
vary: Accept-Encoding
content-encoding: gzip
x-cache: miss
TransitionEvent: TransitionEvent() コンストラクター - Web API | MDN
Toggle sidebar
このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
TransitionEvent: TransitionEvent() コンストラクター
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2016年8月.
TransitionEvent() コンストラクターは新しい TransitionEvent オブジェクトを返します。これはトランジションに関するイベントを表します。
構文
js
new TransitionEvent(type)
new TransitionEvent(type, options)
引数
type-
文字列で、イベントの名前を表します。 大文字小文字を区別し、ブラウザーは
transitionrun,transitionstart,transitionend,transitioncancelのいずれかを設定します。 options省略可-
オブジェクトで、
Event()で定義されているプロパティに加えて、以下のプロパティを持つことができます。propertyName省略可-
文字列で、トランジションに関連付けられた CSS プロパティの名前を格納します。 既定値は
""です。 elapsedTime省略可-
アニメーションが一時停止していた時間を除き、このイベントが発行されたときにアニメーションが実行されている時間を秒単位で表す数値です。
"animationstart"イベントでは、elapsedTimeはふつう0.0ですが、animation-delayが負の値である場合は、elapsedTimeが(-1 * delay)であるイベントが発行されます。 既定値は0.0です。 pseudoElement省略可-
文字列で、既定値は
"::"です。アニメーションが実行される擬似要素の名前が入ります。 アニメーションが擬似要素ではなく要素で実行されている場合は、空文字列""になります。 既定値は""です。
返値
新しい TransitionEvent オブジェクトです。
仕様書
| Specification |
|---|
| CSS Transitions # dom-transitionevent-transitionevent |
ブラウザーの互換性
Loading…