【问题标题】:Trigger touchmove event drag and drop触发touchmove事件拖拽
【发布时间】:2014-06-09 17:12:13
【问题描述】:

您好,我需要手动触发 touchmove 事件并将元素从移动设备(phonegap、jquery-mobile)上的计数器中拉出

$(elem).bind('touchstart', function(event) {
        event.preventDefault();                  
        var target = event.target;
        target = $(this);

        //this for example just changes the css position obviously
        target.css("margin-top", "50px"); 
});


elem.trigger('touchstart');

有没有办法手动设置事件并使用该事件触发对象?

var event = $.Event( "touchstart", { pageX:200, pageY:200 } );

我是用this拖拽的,作者已经提过interact js没办法做到这一点,推荐:

- 调用您的拖放侦听器并为它们提供您创建的事件对象或 - 触发模拟指针事件,以便交互将它们视为用户的拖动。

有什么想法吗?

【问题讨论】:

    标签: javascript jquery cordova drag-and-drop touchmove


    【解决方案1】:

    不能在bind()外面声明函数直接调用吗?

    $(elem).bind('touchstart', handler);
    function handler(event) {
        event.preventDefault();                  
        var target = $(event.target);
    
        //Do stuff with pageX and pageY
        target.css("margin-top", "50px"); 
    }
    
    handler({pageX:200, pageY:200, target:elem, preventDefault:function(){}});
    

    【讨论】:

    • 你好,这个效果是一样的,也许我需要touchstart,touchmove的组合?!如何使用 touchmove 设置目标 f.e x 的位置?我需要同时拖动..
    猜你喜欢
    • 1970-01-01
    • 2018-10-05
    • 1970-01-01
    • 1970-01-01
    • 2021-04-28
    • 1970-01-01
    • 2021-11-18
    • 2011-07-31
    • 2012-08-16
    相关资源
    最近更新 更多