Latest web development tutorials
×

JavaScript & HTML DOM リファレンスマニュアル

概要

JavaScript オブジェクト

JavaScript Array オブジェクト JavaScript Boolean オブジェクト JavaScript Date オブジェクト JavaScript Math オブジェクト JavaScript Number オブジェクト JavaScript String オブジェクト JavaScript RegExp オブジェクト JavaScript グローバルプロパティ/関数 JavaScript 演算子

Browser オブジェクト

Window オブジェクト Navigator オブジェクト Screen オブジェクト History オブジェクト Location オブジェクト

DOM オブジェクト

HTML DOM Document オブジェクト HTML DOM Elementオブジェクト HTML DOM 属性オブジェクト HTML DOM イベントオブジェクト

HTML オブジェクト

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

transitionendイベント

イベントオブジェクトのリファレンス イベントオブジェクト

例

遷移元素およびテキストスタイルの完了後の<div> CSSを変更します。

//サファリ3.1ダオ6.0のコード
。のdocument.getElementById（ "myDIV」）は、addEventListener（" webkitTransitionEnd」、てmyFunction）;

//標準の構文
。のdocument.getElementById（ "myDIV」）は、addEventListener（" transitionend」、てmyFunction）;

»をお試しください

定義と使用法

transitionendイベントは、移行を完了するためにCSSの後にトリガされます。

注：移行が完了する前に削除された場合、例えば、CSS トランジション・プロパティの属性が削除され、遷移イベントがトリガされません。

CSSトランジションの詳細は、私たちを参照してくださいCSS3トランジションを 。

ブラウザのサポート

表中の数値は、このイベントのバージョンをサポートする最初のブラウザを表します。

指定された数のサポートで「Webkitの」または「MOZ」または「O」は、イベントの最初のバージョンを付けます。

イベント
transitionend 26.0
webkitTransitionEndへ4.0 		10.0 16.0
mozTransitionEndへ4.0 		6.1
3.1 webkitTransitionEnd 		12.1
oTransitionEndへ10.5

注意：Safariの3.1ダオバージョン6.0をwebkitTransitionEnd接頭辞を使用し、イベントをサポートしていました。

文法

object.addEventListener（「webkitTransitionEnd」、にMyScript） ; //サファリ3.1 6.0ダオコード
.addEventListener（「transitionend」、にMyScriptオブジェクト ）; //標準の構文

注：Internet Explorer 8のとIEの以前のバージョンをサポートしていないのaddEventListener（）メソッドを。

技術的詳細
バブルをサポートするかどうかを指定します。 はい
それをキャンセルすることができます。 はい
イベントの種類： TransitionEvent

関連ページ

CSSチュートリアル： CSS3トランジション

CSSリファレンス： CSS3遷移プロパティ

CSSリファレンス： CSS3トランジションのプロパティ、プロパティ


イベントオブジェクトのリファレンス イベントオブジェクト