Windows 8上的Chrome鼠标向下/向上/移动触摸屏

时间:2013-08-05 09:41:02

标签: javascript jquery google-chrome windows-8 touchscreen

这个问题已过时

较新版本的Chrome

中不存在此问题

我正在开发一个拖拽选择的jQuery插件,它正在运行。问题是,在触摸屏上,它只是滚动页面。

Chrome未实施touchstart和其他触摸事件,因此我认为会触发mousedown。这是一个简化的例子:

fullscreen demo [code]

coffeescript片段:

$(document).on 'mousemove', (e) ->
  $('.follow').css
    left: e.pageX
    top: e.pageY

如何在Windows 8上触摸Chrome屏幕时响应?

2 个答案:

答案 0 :(得分:0)

不确定您获取信息的位置,并且您的CodePen示例无法检查问题所在,但Chrome不仅会实现touchstarttouchmovetouchend等,我发现它拥有去年我用过的所有浏览器最好的触摸支持。

唯一要确保的是,如果您有两台显示器,则可以在触摸屏上启动浏览器页面。

我正在使用带有触摸屏的Windows 8.1进行JQuery插件开发(以确保它都支持平板电脑)。

测试触摸的存在:

var hasTouch = (typeof TouchEvent !== "undefined");
alert(hasTouch);

这是一些直接从我的插件中运行的TypeScript代码(在Chrome上效果最好.IE是触摸问题的孩子):

THIS.$element.on("touchstart", function (e)
{
    THIS.momentum.touchstart(e.originalEvent.touches[0].pageY);
});
THIS.$element.on("touchmove", function (e)
{
    THIS.momentum.touchMoveTo(e.originalEvent.touches[0].pageY);
});
THIS.$element.on("touchend", function (e)
{
    THIS.momentum.touchEnd();
});

答案 1 :(得分:0)

这似乎是在最新版本的chrome中修复的。它是一个常青浏览器,这意味着几乎每个用户都使用当前或以前的Chrome版本。