小编Dou*_*nks的帖子

用于触摸交互的javascript等效'mouseleave'

Prelim警告:我是js的新手,主要是通过网络搜索获得示例/教程.

我正在编写js,它应该在网络和移动设备(例如iPad)上运行.

我们有一个图书馆来帮助抽象出mouse和之间的差异touch:

if (navigator.userAgent.search('Mobile') > 0) {
  window.FLAGS = {
    start: 'touchstart',
    end: 'touchend',
    move: 'touchmove',
    click: 'click',
    touchScreen: true
  };
} else {
  window.FLAGS = {
    start: 'mousedown',
    end: 'mouseup',
    move: 'mousemove',
    click: 'click',
    touchScreen: false
  };
}
Run Code Online (Sandbox Code Playgroud)

然后在代码中你可以做以下事情:

widget.view.bind(FLAGS.start, function(e) {
Run Code Online (Sandbox Code Playgroud)

我试图找到一个touch等价物,mouseleave所以我可以做一个类似的技巧.

我可以想象leave通过跟踪位置move并将其与有问题的小部件的边界框进行比较来捕获事件的方法,但我希望有一些像touchstart/ mousedown关系这样的单线程.

javascript mobile user-interface touch

10
推荐指数
1
解决办法
1万
查看次数

标签 统计

javascript ×1

mobile ×1

touch ×1

user-interface ×1