我有一个奇怪的问题,我无法解决 - 我正在使用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变换不会更新鼠标点击,所以当我想我点击对象时,它实际上点击了非缩放画布上的任何内容。我还没有弄清楚如何使用已翻译的信息更新鼠标事件,但至少会有进展:)