首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >on mousedown工作于iPad

on mousedown工作于iPad
EN

Stack Overflow用户
提问于 2013-06-05 12:35:26
回答 1查看 1.2K关注 0票数 0

在一个div中,我有三个绝对的div,它们应该在我的容器中滚动以获得一个小的视差效果。我创建了一个函数来跟踪鼠标向下的e.pageX的偏移量。如果鼠标在拖动之前出现,我将其注册为单击事件(检查有人在屏幕的左侧或右侧单击)。

问:这在iPad上不起作用。我尝试了很多我在这个网站上找到的解决方案,但我无法让它发挥作用。

你们能给我指一下iPad上的工作函数吗?

代码语言:javascript
复制
var isDragging = false;
var currentPosition = 0;
var startClick = 0;
var showcaseWidth = $('#showcase').width();
var direction = "";

$('#showcase')
.mousedown(function(e) {
    startClick = e.pageX;
    $(window).mousemove(function(e) {
        isDragging = true;
        var x = e.pageX;
        userIsDragging(x);
    });
    return false;
})
.mouseup(function(e) {
    var wasDragging = isDragging;
    isDragging = false;
    $(window).unbind("mousemove");
    if (!wasDragging) { //was clicking
        var x = e.pageX;
        if(x>(showcaseWidth/2))
            $("#tracker").text("go left");// bijvoorbeeld userIsDragging 1024px of naar t volgende snap punt
        else
            $("#tracker").text("go right");

    }
});
function userIsDragging(x) {
    var movement = x - startClick;
    $("#tracker").text(movement);
}
EN

回答 1

Stack Overflow用户

发布于 2013-06-05 12:38:08

我建议使用jQuery 移动拖放插件。项目:http://www.jsplugins.com/Scripts/Plugins/View/Jquery-Mobile-Drag-And-Drop/演示:http://www.stevefenton.co.uk/cmsfiles/assets/File/mobiledragdrop.html

选择:http://stephband.info/jquery.event.move/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16940104

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档