2

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

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

缩放效果很好(在 iPad 2/4 上测试),当地图未放大时,具有点击和单击事件的画布项目会触发。但是,一旦使用缩放(因此在 iScroll 中,比例从minZoom of 1) 点击事件未触发或未到达。如果我缩小或双击以将缩放重置为正常,事件将再次按预期触发。

点击事件:

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

});

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

非常感谢,贝基

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

4

0 回答 0