win10触控平板如何禁掉IE10的手势控制

最新推荐文章于 2022-12-01 10:49:03 发布

酸菜炖龙虾

最新推荐文章于 2022-12-01 10:49:03 发布

阅读量712

点赞数 1

分类专栏： IE浏览器触控平板文章标签： js canvas

本文链接：https://blog.csdn.net/qq_42709881/article/details/108424881

版权

在触控电脑上使用canvas实现画图签字功能时，遇到手触控导致页面滚动和缩放问题。尝试通过监听onmouse和ontouch事件、修改系统设置及页面添加禁止放大缩小代码均未成功。最终在IE官方文档中找到解决方案，通过在canvas标签添加特定属性阻止IE10的手势控制。

摘要由CSDN通过智能技术生成

在工作中遇到的问题，客户有一个要求就是在触控电脑上需要进行画图签字等功能。设计的方案也很简单，利用canvas来实现。用原装笔进行书写没有问题，但是用手触控情况就不一样了。对于一台触控电脑来说，手和触控笔的设置应该是一样的，都是模拟鼠标的操作。我们可以在控制面板的“笔和触摸”设置中找到并设置。但是为什么浏览器中用手触控会控制页面滚动条，双击或者多指操作可以放大缩小。
对于很多用户来说，他们更希望在canvas上利用手进行触摸操作。首先就想利用页面onmouse监听事件来控制，却发现根本无法监听到手的触摸。失败！ontouch事件监听呢？失败！
好吧，那就既然监听不到，就让浏览器禁止掉放大缩小的方法吧。网上有通过gpedit.msc 命令修改本机策略编辑组的，失败！还有通过在页面添加<meta name="viewport" content="width=device-width , initial-scale=1.0 , maximun-scale=1.0 , user-scalable=no">的，失败！
弄了一上午，各种失败。也不知道为啥，网上的资料都是互相抄袭，根本没有用。最后还是公司的技术老大给指条路，让我查看ie官网。没想到还真解绝了。
在你需要阻止放大缩小的页面添加