TransitionEvent propertyName 属性

定義と使用方法

発生したときに transitionevent のとき、propertyName 属性は、过渡に関連する CSS 属性の名前を返します。

この属性は読み取り専用です。

过渡に関連する属性名を取得する:

document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
  this.innerHTML = "Property name is: " + event.propertyName;
}

自分で試してみる

構文

event.propertyName

技術的詳細

返り値: 过渡の名前を示す文字列値。

ブラウザのサポート

表の数字は、その属性を完全にサポートする最初のブラウザバージョンを示しています。

属性 Chrome IE Firefox Safari Opera
propertyName サポート 10.0 サポート サポート サポート

関連ページ

HTML DOM 参考マニュアル:transitionend イベント

HTML DOM 参考マニュアル:TransitionEvent elapsedTime 属性

CSS 参考マニュアル:CSS3 transition 属性

CSS 参考マニュアル:CSS3 transition-property 属性