iScroll 4放大时无画布点击/点击事件

时间:2013-08-08 10:53:44

标签: javascript events iscroll4

我有一个奇怪的问题,我无法解决 - 我正在使用iScroll 4滚动HTML5画布(如下所示):

mapScroll = new iScroll('td_map',  {zoom: true, bounce: false,
                                            hScrollbar: false, vScrollbar: false,
                                }, 100);

变焦工作非常出色(在iPad 2/4上测试),当地图未放大时,具有点击和点击事件的画布项目会被激活。但是一旦使用缩放(因此在iScroll中,缩放比例)从1的minZoom更改单击事件未触发或未到达。如果我缩小或双击将缩放重置为正常,则事件将再次按预期激发。

点击事件:

trainGroup.on("click tap", function(evt) {
    console.log("Hello train!");

});

任何有关正在发生的事情的想法都会很棒:)

非常感谢, 贝基

编辑:经过大量的调试日志记录来计算出发生了什么,看起来鼠标事件的信息是错误的。看来画布上的缩放做的CSS变换不会更新鼠标点击,所以当我想我点击对象时,它实际上点击了非缩放画布上的任何内容。我还没有弄清楚如何使用已翻译的信息更新鼠标事件,但至少会有进展:)

0 个答案:

没有答案