jQuery触边事件问题阻塞(使用Cordova)

Question

当听众从一个画布到另一个画布时，我用鼠标向下和鼠标向上的声音来做出不同的反应。在网站上，很好。但它必须是移动的，因此，为了使它工作，我去了触地开始和触地事件。

也不像预期的那样起作用。

以下是一些代码：

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...
}

我使用亚行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)

我为此做了什么。

重新初始化只是一个重置到干净的阶段。

前两行“从左开始”只是左边画布上的一个点击。

然后，接下来的两行也是“从左开始”。但是在这里，我从左边的画布滑到了右边的画布，没有得到预期的“左向右开始”。对的也是一样。

我还在Android5.0LollipopMotoG(第二代)手机上使用Cordova (用于混合HTML5应用程序)。

有什么问题吗？

Answer 1

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