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