Javascript 触发transitionend并结束转换

嘿，伙计们，我基本上是想通过调用transitionend事件来结束一个转换，事件触发了，但是转换没有结束，我有点困惑，看看下面的代码：

HTML:

<div class="test">
    <button>click me</button>
</div>

---

查看即使单击

按钮

，转换仍然是连续的。有人能解释为什么我不能停止过渡吗

transitionend

是由浏览器触发的事件，您自己不会触发它。它让您知道转换已结束，但不会使转换结束

您已指定转换时间为

100s

，因此需要很长时间

---

如果您想在单击时禁用转换，您必须在单击时添加一个类，该类删除了转换样式。

那么，我们可以假设您也在使用某种JS框架，而不仅仅是普通JS吗？如果转换结束，会生成一个

transitionend

事件，而不是相反。@ElGuapo更喜欢巧克力，但是我一直在使用Jquery:）

$('button').click(function (e) {
    $('.test').trigger('transitionend');
});

$('.test').on('transitionend', function () {
    console.log('transition ended');
});