jQuery touchend 事件问题阻塞（使用 Cordova）

Question

如果从一个画布到另一个画布，我在 mousedown 和 mouseup 上使用了一个监听器来做出不同的反应。在网站上，完美。但它必须是移动的，所以为了让它工作，我使用了 touchstart 和 touchend 事件。

而且它没有按预期工作。

这里有一些代码：

HTML（它只是一个左侧画布和右侧画布）

<canvas class="left" style="position: relative; background-color: #FFF; width: 45%; height: 80px;"></canvas><canvas class="right" style="position: relative; background-color: #FFF; width: 45%; height: 80px;"></canvas>

JS

$('canvas').on("touchstart", function(e) { //mousedown for mobile
    console.log('CONSOLE: start ' + this.className);
    down = this;
});
$('canvas').on("touchend", function(e) { //mouseup for mobile
    console.log('CONSOLE: end ' + this.className);
    calc(down, this);
});
function calc(press, depress) {
    code...
}

我使用 ADB Logcat 进行调试，这是意外行为。

I/chromium(28808): [INFO:CONSOLE(148)] "CONSOLE: Reinitialized", source: file:///android_asset/www/js/share.js (148)
I/chromium(28808): [INFO:CONSOLE(21)] "CONSOLE: start left", source: file:///android_asset/www/js/share.js (21)
I/chromium(28808): [INFO:CONSOLE(25)] "CONSOLE: end left", source: file:///android_asset/www/js/share.js (25)
I/chromium(28808): [INFO:CONSOLE(21)] "CONSOLE: start left", source: file:///android_asset/www/js/share.js (21)
I/chromium(28808): [INFO:CONSOLE(25)] "CONSOLE: end left", source: file:///android_asset/www/js/share.js (25)
I/chromium(28808): [INFO:CONSOLE(21)] "CONSOLE: start right", source: file:///android_asset/www/js/share.js (21)
I/chromium(28808): [INFO:CONSOLE(25)] "CONSOLE: end right", source: file:///android_asset/www/js/share.js (25)
I/chromium(28808): [INFO:CONSOLE(21)] "CONSOLE: start right", source: file:///android_asset/www/js/share.js (21)
I/chromium(28808): [INFO:CONSOLE(25)] "CONSOLE: end right", source: file:///android_asset/www/js/share.js (25)

那我为此做了什么。

重新初始化只是重置为清理阶段。

前两行“start left end left”只是在左侧画布上的一个点击。

那么，接下来的两行也是“start left end left”。但是在这里，我从左画布滑到右画布，没有得到预期的“从左到右”。对的也一样。

我还在 Android 5.0 Lollipop Moto G（第二代）手机上使用 Cordova（用于混合 HTML5 应用程序）。

有什么问题？

Answer 1

我通过使用带有 elementFromPoint() 的 touchmove 事件纠正了这个问题