点击即可获得YUI Progress Bar的价值

Question

我正在使用yui进度条显示项目列表的评分。我知道进度条继承了“on”方法，但我不知道如何捕获用户点击的进度条中的位置。我想从那个事件中得到一个int或double。这可能吗？

Answer 1

ProgressBar没有提供直接的方法。但是，由于它继承了允许您从窗口小部件容器订阅事件的on方法，您可以订阅click事件并获取点击的X，Y坐标并将它们与左上角进行比较：

myProgressBar.on('click', function (ev) {
     var xyClick = YAHOO.util.Event.getXY(ev);
     var xyProgressBar = YAHOO.util.Dom.getXY(this.get('element'));
     // now you make the arithmetic
});

getXY返回一个包含两个元素的数组，x和y坐标。根据ProgressBar的方向

，使用getX或getY会更容易