我有两个下一个和上一个按钮，可以在单击时正确调用相关功能。但是，我需要为父级提供一个 transitionend 侦听器，该侦听器根据单击的按钮触发不同的功能。
我的代码是：
this.next = this.story.nextSibling.nextSibling;
this.prev = this.story.nextSibling;
this.next.addEventListener('click', evt => this.nextButton(evt));
this.prev.addEventListener('click', evt => this.prevButton(evt));
this.story.addEventListener('transitionend', evt => this.moveBack(evt));
当按下下一个按钮时，这可以正常工作（因为“moveBack”功能会触发幻灯片移动）。我不知道如何为上一个按钮触发此操作，但要触发“moveForward”功能
谢谢
最简单的方法是将当前动画方向存储在一个变量中：
this.next = this.story.nextSibling.nextSibling;
this.prev = this.story.nextSibling;
this.next.addEventListener('click', evt => { this.dir = 'next'; this.nextButton(evt); });
this.prev.addEventListener('click', evt => { this.dir = 'prev'; this.prevButton(evt); });
this.story.addEventListener('transitionend', evt => {
if(this.dir === 'next') {
this.moveBack(evt);
} else {
this.moveForward(evt);
}
);
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句