我正在使用 Lit Elements 开发自定义音频播放器 Web 组件,并且在用户与其交互并触发 OnChange 事件后,搜索栏停止移动。
搜索功能工作正常并且可以正确地前进和倒带音频,但范围滑块在触发第一个 OnChange 事件后停止自动更新旋钮位置。
如果从未触发 OnChange 事件,则滑块按预期执行。
输入元素代码:
<input
type="range"
id="seekbar"
@change="${this.seek}"
class="progress-meter"
value="${this.currentTime}"
max="${this.duration}"
/>
搜索功能:
seek(e) {
this.audio.currentTime = e.target.value;
}