JS audioplayer上的可点击时间线 - 需要替代offsetLeft

Question

我在网站上集成了一个javascript audioplayer，它没有问题。但是，由于我使用容器div（'max-width'）限制了网页的宽度，因此可点击时间轴无法正常工作。

我认为我缩小了这个问题的范围。此代码计算时间轴上的鼠标点击：

function clickPercent(e) {
  return (e.pageX - timeline.offsetLeft) / timelineWidth;
}

问题是 pageX 从左侧浏览器边缘计数，另一方面 offsetLeft 从父元素的边缘计数。所以当我点击时间线时，玩家点跳到错误的位置。

我做了一个JSfiddle演示：http://jsfiddle.net/2zkj25ss/35/

我想我需要的东西不同于 offsetLeft ，这可以给我绝对偏移而不是相对偏移。

任何人都可以帮我吗？请记住，我不是程序员，我的JavaScript技能从很差到不存在。

Answer 1

如果您不需要支持IE＆lt; 9（例如，我怀疑有人需要支持的Windows XP及更早版本），您可以使用Benjamin's solution代替。

只需替换函数中的UIImage *image = [UIImage imageNamed:@"image2"];：

timeline.offsetLeft