javascript - AddEventListener()在不同浏览器中转换结束回调

Question

这个问题已经有答案了:

How do I normalize the CSS3 transition end events across browsers? (11 个回答)

已关闭 9 年前。

浏览器有不同的转换结束回调。因此，我必须为每个创建一个 addEventListener()。

addEventListener('transitionend', function() {
  // the same below
});

addEventListener('webkitTransitionEnd', function() {
  // the same above
});

但我不喜欢这样的代码。 为什么我这样写时不起作用？:

addEventListener('transitionend webkitTransitionEnd', function() { });
  // thing
});

以上内容不适用于任何浏览器。第一个有效。

还有什么更好的办法吗？有什么建议吗？

Answer 1

addEventListener 只接受一个事件，所以你必须单独编写它们。您可以迭代列表以使其至少看起来更小

["transitionend", "webkitTransitionEnd", "mozTransitionEnd"].forEach(function(transition) {
     document.addEventListener(transition, handler, false);
});

function handler() {
    // thing
}