點擊一個不斷渲染元素

Question

我渲染視頻進度條與下面的背後變量）。目標是觀察時間線上的點擊，以便我可以更改播放位置。

正確觀察進度條右側時間軸上的事件。但是，在播放視頻（並且不斷渲染進度條）時，單擊進度條本身很少會冒泡到時間線點擊處理程序。

我該如何觀察這些事件，或者是否有更好的方法來完成此操作？

更新：使用疊加（如datacarl建議）可能是最好的，如果你絕對需要有哪些更新多次，第二和流星控制的元件。這對我有用，但是，我最終還是回到了模板特定部分的基於jQuery的解決方案。儘管我不喜歡混合使用jQuery事件和流星事件，但jQuery提供了更快速響應和更少錯誤傾向的方式來更新進度條。

Answer 1

我認爲處理這個問題的最簡單的方法是在div.video-progress-bar上絕對放置一個div.progress-bar-overlay，並觀察點擊.progress-bar-overlay。給它與.video-timeline相同的高度和寬度。這樣你就不必處理用戶是否點擊.video時間軸或者.video進度條。