【问题标题】:capturing move events with IE10 and windows 8使用 IE10 和 windows 8 捕获移动事件
【发布时间】:2013-03-07 17:34:28
【问题描述】:

我正在尝试在 Windows 8 触摸屏平板电脑上使用 html5 客户端捕获签名。 我试过使用 http://github.com/thomasjbradley/signature-pad ,但它不是用鼠标在桌面上捕捉到的平滑曲线,而是偶尔捕捉到 dot 。

我设置了一个 html5 画布并在平板电脑上用手指刷过它,捕捉到鼠标悬停、鼠标进入和鼠标放下。

似乎只有移动的开始才会触发鼠标进入/鼠标悬停事件。

我用手写笔再次尝试,得到了相同的结果。

我尝试使用一百左右的 div 行,结果相同。

尝试使用 chrome 代替,结果相同

这是有道理的(有点),因为平板电脑没有鼠标,但我需要捕获按下手指/触控笔的鼠标移动事件以捕获签名。

有人解决了吗?

【问题讨论】:

  • 我认为您在某处遗漏了一些东西,因为我刚刚尝试过并且它有效。为了记录,我用手指画了它。有没有直接试demo? --> thomasjbradley.ca/lab/signature-pad/accept
  • 它在 Windows 8 IE10 上也不适用于我。

标签: javascript windows html mouse tablet


【解决方案1】:
-ms-touch-action: none;

只需将其添加到 .sigWrapper 上的 signaturepad.css 文件中,thomasjbradley 控件就可以工作了。

IE10 注册的触摸事件似乎破坏了该控件上鼠标事件的事件侦听器。

【讨论】:

    【解决方案2】:

    试试这些事件 MSPointerDown、MSPointerMove、MSPointerUp 以及这里提到的更多事件http://msdn.microsoft.com/en-in/library/windows/apps/hh465891.aspx

    这些事件在 Windows Phone 8 中有效,但我不确定它们是否在 Windows 8 Tablet 中有效。

    【讨论】:

      最近更新 更多