【问题标题】:How to make jQuery UI elements react to HTML5 pointer events?如何让 jQuery UI 元素对 HTML5 指针事件做出反应?
【发布时间】:2013-11-10 02:40:48
【问题描述】:

我正在尝试将 jQuery-UI 功能与新的 HTML5 指针事件“结合”起来,但到目前为止还没有成功。例如,如何使draggable sample 与这些事件一起工作?即使是高级步骤/方向答案也将不胜感激。

我已经尝试过jQuery UI Touch Punch — 但它似乎在任何浏览器(联想 X1 Carbon Touch、Windows 8.1、IE 11、Chrome 30)中都不支持我的笔记本电脑上的触摸事件。我认为它针对的是 iPad / iPhone 等移动平台,唉,我需要在笔记本电脑上也能工作的东西。

然后我尝试了Heyman's Draggable Touch——它(大部分)在 Chrome 中有效,但在 IE 中却没有那么多;它仅限于支持拖动,因此不适用于可调整大小的元素;最后它不使用来自HTML5 spec 的指针事件(而是使用“touchstart”和其他“tocuh*”事件,因此不会对笔做出反应,而且这些似乎也没有任何标准规范,或者我只是找不到一个)。

最后,我尝试了HandJS,它承诺cross-browser support for pointer events。我已将脚本添加到我的页面,但它没有为 jQuery-UI 可拖动元素启用触摸拖动。鼠标拖动一如既往地有效,但不能触摸。我引用jquery-2.0.3jquery-ui-1.10.3hand-1.2

【问题讨论】:

    标签: html jquery-ui jquery-ui-draggable pointer-events handjs


    【解决方案1】:

    jQuery UI 据说现在内置了指针事件支持。我还编写了一个手势抽象库,因此您无需关心浏览器是否只有鼠标,或者 Apple 的触摸 API 或支持 http://deeptissuejs.com 的指针事件。几周后我会有一些更新,敬请期待!

    【讨论】:

      猜你喜欢
      • 2013-05-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-05-12
      • 1970-01-01
      • 2020-03-13
      相关资源
      最近更新 更多