默认android浏览器(称为Internet)中touchmove事件的奇怪行为

时间:2013-11-06 10:40:41

标签: javascript android jquery touch drag

This drag demo

如果我使用chrome android浏览器一切正常,但如果我使用默认的android浏览器(Internet),那么拖动时没有任何反应,但是在touchend事件之后,拖动的项目就是新的位置。在touchmove事件期间未显示更改。

$.fn.draggable = function() {
  var offset = null;
  var start = function(e) {
    var orig = e.originalEvent;
    var pos = $(this).position();
    offset = {
      x: orig.changedTouches[0].pageX - pos.left,
      y: orig.changedTouches[0].pageY - pos.top
    };
  };
  var moveMe = function(e) {
    e.preventDefault();
    var orig = e.originalEvent;
    $(this).css({
      top: orig.changedTouches[0].pageY - offset.y,
      left: orig.changedTouches[0].pageX - offset.x
    });
  };
  this.bind("touchstart", start);
  this.bind("touchmove", moveMe);
};

$(".draggable").draggable()

我想,在默认的Android浏览器拖动中也可以在chrome中使用。

0 个答案:

没有答案