От вас пока дождешся. сам нашел решение.
Вот. может кому пригодится:
$('.block').on('touchstart touchmove touchend mousedown', function(event) {
var elemetn = $(this);
var elX = (elemetn.width()/2);
var elY = (elemetn.height()/2);
event.preventDefault();
event.stopPropagation();
// тачь нажатие
if (event.type == 'touchstart') { // если нажали пальцем
elemetn.addClass('active-mov');
}
if (event.type == 'touchmove') { // если тянем пальцем
if (event.targetTouches.length == 1) { // 1 касание
var touch = event.targetTouches[0];
var x = touch.pageX;
var y = touch.pageY;
$(elemetn).css({'left' : x-elX,'top':y-elY});
}
}
if (event.type == 'touchend') { // если отпустили пальцем
elemetn.removeClass('active-mov');
}
if (event.type == 'mousedown') { // если кликнули мышью
elemetn.addClass('active-mov');
doc.onmousemove = function(event) {
var x = event.clientX;
var y = event.clientY
$(elemetn).css({'left' : x-elX,'top':y-elY});
$('#info').html('touch.pageY = ' + y + '<br> touch.pageX = ' + x);
}
doc.onmouseup = function(event) { // если отпустили мыш
doc.onmousemove = null;
$('.block').onmousemove = null;
elemetn.removeClass('active-mov');
}
}
});
и да незабываем еще вот такие штуки
// убераем скрол
document.addEventListener('touchstart', function(event){
event.preventDefault();
});
// отключить браузерные функции перетаскивания
document.ondragstart = function() {
return false;
};
и немного для андройд устройство
<meta content='True' name='HandheldFriendly' />
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
