問題タブ [transitionend]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

31 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
1 に答える
452 参照

javascript - JavaScript を使用したループで transitionend を待機する

私は jQuery での作業に慣れているため、単純な Javascript でこれを行う方法を理解できないようです。これは私がサイトで使用する唯一のスニペットであり、ライブラリはその目的には大きすぎるため、jQuery を使用したくありません。

これはjQueryスクリプトです(動作中): http://jsfiddle.net/1jt6dhzu/2/

そして、それをvanilla JSに交換したいと思います。ループの大部分はそのままで構いませんが、タイムアウトとコールバックを置き換える必要があります。私はIE9のサポートを必要としないので、css3トランジションでこれを行い、クラスを追加できると考えました。これは私がこれまでに持っているものです:

残念ながら、これは機能しません。transitionend のイベントの timeOuts (最も外側のものを除く) を交換する方がおそらく良いでしょう。しかし、このクロスブラウザー (IE 10 以降、およびその他の主要なブラウザー) を実装する方法がわかりません。

0 投票する
1 に答える
36 参照

mootools - Mootools は transitionend 環境をサポートしていませんか?

firefox では動作しません。ただし、addEvent の代わりに addEventListener を使用すると機能します。mootools は css イベントをサポートしていませんか?


12345678910