问Fabric.js -触摸事件传播
EN

Stack Overflow用户

提问于 2013-12-31 12:41:48

回答 1查看 1.9K关注 0票数 1

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

<html>
<head></head>

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

</body>
</html>

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

我期望的是停止移动设备浏览器的默认事件处理，这样当我在canvas中触摸对象并移动它时，网页也不会移动。我怎样才能用Fabric.js做到这一点？

fabricjs

twitter-bootstrap-3

回答 1

Stack Overflow用户

发布于 2014-01-05 08:49:18

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

<meta name="viewport" content="width=device-width, initial-scale=0.5, user-scalable=no">

然后，为了防止浏览器默认的缩放跳动，我们可以在文档中绑定“to”并禁用它。这是来自jQuery mobile，但不知何故，vmousemove =移动设备的触摸移动。

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

这与Fabric.js无关，所以我不需要更改Fabric.js或其他东西。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20851814

复制

相似问题

问Fabric.js -触摸事件传播
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Fabric.js -触摸事件传播EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Fabric.js -触摸事件传播
EN