javascript Canvas : chrome touch screen not working

标签 javascript google-chrome canvas html5-canvas touchscreen

我有一个用 Canvas 创建的项目。这个项目在我的 iMac 上的每个浏览器(Safari、Chrome、Opera、IE、Mozilla)上都运行良好。为此,我创建了一个普通的点击功能:

$('#canvas').click(function(e) {}

在 Windows7 SmartBoard(带有 Multisync s521-p nec)上打开这个项目时,它也可以正常工作,除了在 Chrome 上,你无法触摸它。如果您用鼠标在 SmartBoard 上单击,那根本不是问题,只是您无法用手指触摸它。因为我的项目将只用在这个 SmartBoard 上,而且最好在 Chrome 上使用,所以我真的需要解决这个问题,但我不知道如何解决。

最佳答案

使用 Javascript 触摸事件代替点击:

https://developer.mozilla.org/en-US/docs/DOM/Touch_events#Setting_up_the_event_handlers

点击是鼠标操作,因为设备有“鼠标”,所以它是为它保留的。

关于javascript Canvas : chrome touch screen not working,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13018051/

相关文章:

javascript - 如何调试 Chrome 中的 Canvas 跨域问题?

html - 避免浏览器默认行为需要输入

javascript - 从 Javascript 中的 rgb 字符串获取颜色分量?

javascript - 让 Canvas 填满整个页面

javascript - 如何用js使canvas动画化

javascript - React-native Scrollview 不起作用

javascript - 一个月的最后一天(无时间戳)

javascript - 使用 Protractor 检索 css 颜色属性

google-chrome - Flutter for web - 如何使用 Chrome Api?