我正在使用以下内容渲染视频进度条：
<div class="video-timeline">
{{#isolate}}
<div style="width: {{progressBarWidth}}" class="video-progress-bar"></div>
{{/isolate}}
</div>
进度条适合时间线，并随着视频时间的推移向右延伸（基于会话变量）。目标是观察时间轴上的点击，以便更改播放位置。
正确观察进度条右侧时间线上的单击事件。但是，在播放视频时（并且不断呈现进度条），单击进度条本身会很少冒泡到时间线单击处理程序。
我如何观察这些事件，或者有更好的方法来完全做到这一点？
更新：如果您绝对需要一个每秒更新多次并由流星控制的元素，则使用覆盖（如 datacarl 建议）可能是最好的。这对我有用，但是，我最终为模板的特定部分恢复为基于 jQuery 的解决方案。尽管我不喜欢混合使用 jQuery 事件和流星事件，但 jQuery 提供了一种响应速度更快、更不容易出错的方式来更新进度条。