Fatal编程技术网

Twitter bootstrap 3 Fabric.js-触摸事件传播

twitter-bootstrap-3

Twitter bootstrap 3 Fabric.js-触摸事件传播,twitter-bootstrap-3,fabricjs,Twitter Bootstrap 3,Fabricjs,我有一个HTML5页面，它看起来像这样： <html> <head></head> <body> <canvas id="c1" width="500" height="500" /> </body> </html> 我使用bootstrap3和Fabric.js作为画布库。当我在移动设备上运行它时，我遇到了一个问题，当我触摸画布上的对象并移动它时，页面也会移动。触摸事件似乎也由移动设备浏览器处理 我期

我有一个HTML5页面，它看起来像这样：

<html>
<head></head>

<body>
<canvas id="c1" width="500" height="500" />

</body>
</html>
我使用bootstrap3和Fabric.js作为画布库。当我在移动设备上运行它时，我遇到了一个问题，当我触摸画布上的对象并移动它时，页面也会移动。触摸事件似乎也由移动设备浏览器处理

我期望的是停止移动设备浏览器的默认事件句柄，这样当我在画布中触摸对象并移动它时，网页也不会移动。如何使用Fabric.js实现这一点？

我在制作html时改变了方式：

<meta name="viewport" content="width=device-width, initial-scale=0.5, user-scalable=no">
这与Fabric.js无关，所以我不必更改Fabric.js或其他

$(document).on("vmousemove", "body", function(e) {
                    e.stopPropagation();
                    e.preventDefault();
                    return false;
                });